.anchor-primary {
  background-color: var(--primary-color-200);
  color: var(--faded-color-50);
  height: 40px;
  padding: 0 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
  transition-property: background-color;
  transition-duration: var(--transition-duration-primary);
  transition-timing-function: var(--transition-timing-function-primary);
  box-shadow: var(--button-shadow);
}

.anchor-primary:hover {
  background-color: var(--primary-color-300);
}

.anchor-primary:active {
  background-color: var(--primary-color-400);
}