.btn-purchase{
  background: var(--brand-gradient);
  color: white;
  border: none;
  padding: 15px 45px;
  font-size: 1.15rem;
  font-weight: 600;
  border-radius: 50px;
  transition: transform var(--motion) ease, box-shadow var(--motion) ease;
  text-decoration:none; display:inline-block; box-shadow: var(--shadow-btn);
}
.btn-purchase:hover{ transform: scale(1.08); box-shadow: 0 8px 25px rgba(102,126,234,0.5); color:white; }
.btn-purchase:focus-visible{ outline: 3px solid rgba(102,126,234,0.28); outline-offset: 3px; }