/* Clear, touch-friendly purchase actions with a white sheen over sky blue. */
.card .card-note {
  display: block;
  margin-top: 14px;
  padding: 11px 12px;
  border: 1px solid #8bc9f0;
  border-radius: 11px;
  background: linear-gradient(160deg, #fff, #d8f1ff 35%, #90d0fa);
  color: #073b64;
  font-weight: 800;
  text-align: center;
}
#music-order-start,
#checkout-order > button:not([type]),
#checkout-order > button[type="submit"] {
  position: relative;
  display: block;
  width: 100%;
  min-height: 62px;
  padding: 16px 24px !important;
  border: 1px solid #5cafe8 !important;
  border-radius: 16px !important;
  background: linear-gradient(165deg, #ffffff 0%, #e5f6ff 19%, #a9ddff 48%, #66bdf4 100%) !important;
  color: #073b64 !important;
  box-shadow: inset 0 2px 0 #fff, inset 0 -2px 0 #318ac32b, 0 7px 18px #1471b12b !important;
  font: inherit;
  font-size: 1.12rem !important;
  font-weight: 800 !important;
  line-height: 1.45;
  cursor: pointer;
  transition: box-shadow .15s ease, transform .15s ease;
}
#music-order-start:hover,
#checkout-order > button:not([type]):hover,
#checkout-order > button[type="submit"]:hover {
  background: linear-gradient(165deg, #fff 0%, #d4f0ff 22%, #8cd0ff 55%, #48aaf0 100%) !important;
  box-shadow: inset 0 2px 0 #fff, 0 9px 22px #1471b13d !important;
}
#music-order-start:focus-visible,
#checkout-order > button:focus-visible { outline: 3px solid #07558a; outline-offset: 4px; }
#music-order-start:active,
#checkout-order > button:active { transform: translateY(1px); }
#checkout-order > button:disabled { opacity: .65; cursor: wait; }
@media (prefers-reduced-motion: reduce) {
  #music-order-start, #checkout-order > button { transition: none; }
}