ชุดปุ่มและลิงก์มี transition

.button {
  display: inline-block;
  padding: 0.6rem 1rem;
  border-radius: 0.4rem;
  background: #b45309;
  color: #fff;
  transition:
    background 160ms ease,
    transform 160ms ease;
}
.button:hover {
  background: #d97706;
  transform: translateY(-1px);
}
.button:active {
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .button {
    transition: none;
  }
  .button:hover,
  .button:active {
    transform: none;
  }
}