.button {
  background-color: var(--color-white);
  display: inline-block;
  padding: 1rem 2rem;
  border-top: 2px solid var(--color-primary);
  border-radius: 0.5rem;
  box-shadow: var(--shadow);
  text-decoration: none;
  font-weight: 500;
  color: var(--color-primary);
  transition: var(--transition);
}

.button:is(:hover, :focus) {
  --color-link-focus: var(--color-primary);

  box-shadow: var(--shadow-lg);
}