.btn{font-family:var(--font-display),"Arial Narrow",system-ui,sans-serif;letter-spacing:.04em;text-align:center;text-transform:uppercase;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:400;transition:transform .16s,box-shadow .16s,background-color .16s,border-color .16s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--sm{height:38px;padding-inline:18px;font-size:13px}.btn--md{height:46px;padding-inline:24px;font-size:15px}@media (min-width:734px){.btn--md{height:48px;font-size:16px}}@media (min-width:1240px){.btn--md{height:50px;padding-inline:28px}}.btn--lg{height:52px;padding-inline:26px;font-size:16px}@media (min-width:734px){.btn--lg{height:56px;padding-inline:34px;font-size:18px}}@media (min-width:1240px){.btn--lg{height:60px;padding-inline:40px;font-size:20px}}.btn--full{width:100%}.btn--primary{color:#06131f;background:linear-gradient(#ffc42b 0%,#ff8f0a 100%);box-shadow:0 6px 20px #ff8f0a4d}.btn--primary:hover{box-shadow:0 10px 28px #ff8f0a73}.btn--ghost{color:#8df0ff;background-color:#2ad4ff12;border:2px solid #2ad4ff8c}.btn--ghost:hover{background-color:#2ad4ff29;border-color:#2ad4ff;box-shadow:0 8px 24px #2ad4ff40}.btn--demo{color:#fff;background:linear-gradient(135deg,#7b45e0 0%,#ff4fd8 100%);box-shadow:0 6px 20px #ff4fd847}.btn--demo:hover{box-shadow:0 10px 28px #ff4fd86b}
.icon{flex-shrink:0}