:root { --cos-btn-cyan:#1ae6ff; --cos-btn-green:#33ff66; --cos-btn-amber:#ff991a; --cos-btn-red:#ff3366; --cos-btn-purple:#b026ff; --cos-btn-dark:#06080c; }
.cos-btn { --btn-color:var(--cos-btn-cyan); --btn-bg:rgba(26,230,255,.10); min-height:42px; padding:9px 18px; border:1px solid var(--btn-color); border-radius:999px; background:var(--btn-bg); color:var(--btn-color); box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; gap:9px; font-family:'Orbitron',sans-serif; font-size:.78rem; font-weight:800; line-height:1; letter-spacing:.35px; text-decoration:none; text-transform:uppercase; white-space:nowrap; cursor:pointer; box-shadow:0 0 12px color-mix(in srgb,var(--btn-color) 24%,transparent); transition:color .25s,background .25s,box-shadow .25s,transform .25s,opacity .25s; }
.cos-btn:hover:not(:disabled) { background:var(--btn-color); color:var(--cos-btn-dark); box-shadow:0 0 22px color-mix(in srgb,var(--btn-color) 58%,transparent); transform:translateY(-1px); }
.cos-btn:focus-visible { outline:2px solid #fff; outline-offset:3px; }
.cos-btn:disabled,.cos-btn[aria-disabled="true"] { opacity:.48; cursor:not-allowed; box-shadow:none; }
.cos-btn--cyan { --btn-color:var(--cos-btn-cyan); --btn-bg:rgba(26,230,255,.10); }
.cos-btn--green { --btn-color:var(--cos-btn-green); --btn-bg:rgba(51,255,102,.11); }
.cos-btn--amber { --btn-color:var(--cos-btn-amber); --btn-bg:rgba(255,153,26,.12); }
.cos-btn--red { --btn-color:var(--cos-btn-red); --btn-bg:rgba(255,51,102,.12); }
.cos-btn--purple { --btn-color:var(--cos-btn-purple); --btn-bg:rgba(176,38,255,.12); }
.cos-btn--red:hover:not(:disabled),.cos-btn--purple:hover:not(:disabled) { color:#fff; }
.cos-btn--compact { min-height:34px; padding:6px 13px; font-size:.72rem; }
.cos-btn--block { width:100%; border-radius:9px; min-height:48px; }
.cos-btn--solid { background:var(--btn-color); color:var(--cos-btn-dark); }
.cos-btn--solid:hover:not(:disabled) { filter:brightness(.9); }
@media(max-width:600px) { .cos-btn { min-height:40px; padding:8px 14px; font-size:.72rem; } }