.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:16px 24px;border:1px solid transparent;border-radius:15px;font-size:15px;font-weight:700;text-decoration:none;--button-base:#345863;--button-drop:4px;--button-shadow:#0006;box-shadow:inset 0 1px 0 #ffffff70,0 var(--button-drop) 0 var(--button-base),0 10px 24px var(--button-shadow);transition:transform .18s,box-shadow .18s,filter .18s}
.button.cyan{background:linear-gradient(180deg,#a1e8f5 0%,#73d7eb 45%,#54c7e1 100%);border-color:#a5e8f3a6;color:#09242b;--button-base:#327e91;--button-shadow:#04171f80}
.button.pearl{background:linear-gradient(180deg,#fff 0%,#edf1f3 52%,#d8e0e3 100%);border-color:#ffffffc9;color:#152026;--button-base:#8b989f}
@media(hover:hover){.button:hover{transform:translateY(-2px);filter:brightness(1.06)}}
.button:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #ffffff38,0 1px 0 var(--button-base),0 4px 10px #0004}
.takeaway .button{margin-top:15px}
@media(max-width:700px){.button{min-height:47px;font-size:13px;padding:13px 18px;gap:16px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}