/* Approved ASAS 360° V10 buttons: Premium Gradient and Glass Outline. */
:root{--asas-blue:#2b5a89;--asas-deep:#0b1928;--asas-pale:#eaf4fc}
.asas-btn{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:10px 12px 10px 21px;border:1px solid transparent;border-radius:12px;text-decoration:none;white-space:nowrap;color:#fff;font:700 12px/1.35 'Manrope',sans-serif;letter-spacing:.035em;overflow:hidden;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease,color .25s ease}
.asas-btn:hover{transform:translateY(-2px)}
.asas-btn:focus-visible{outline:2px solid #c7e6ff;outline-offset:4px}
.asas-btn--primary{background:linear-gradient(112deg,#102947 0%,#1a3e64 42%,#2b5a89 100%);border-color:#9fc7e8;box-shadow:0 8px 24px #02081288,0 0 20px #548bb82b,inset 0 1px #ffffff2b}
.asas-btn--primary:hover{background:linear-gradient(112deg,#16395d,#285b87 45%,#3974a7);border-color:#d4eaff;box-shadow:0 12px 30px #020812a6,0 0 26px #6caae247,inset 0 1px #ffffff3b}
.asas-btn--secondary{background:linear-gradient(135deg,#090d13d9,#121b27bd);border-color:#a4b7c9a8;color:#f1f6fb;box-shadow:inset 0 1px #ffffff14,0 8px 23px #0005;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.asas-btn--secondary:hover{background:linear-gradient(135deg,#101925ed,#1e2d3ebd);border-color:#c3d9ea;box-shadow:inset 0 1px #ffffff20,0 12px 28px #0007}
.asas-btn__label{position:relative;z-index:1}
.asas-btn__badge{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border:1px solid #ffffff38;border-radius:9px;background:#ffffff17;color:#f5faff}
.asas-btn__badge svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.asas-btn--secondary .asas-btn__badge{background:#ffffff0d;border-color:#ffffff28}
.asas-btn--primary:after,.asas-btn--secondary:after{content:"";position:absolute;z-index:0;inset:0 auto 0 -130%;width:54%;background:linear-gradient(105deg,transparent,#ffffff40,transparent);transform:skewX(-18deg);transition:left .65s ease}
.asas-btn--primary:hover:after,.asas-btn--secondary:hover:after{left:145%}
.asas-btn--header{min-height:42px;padding:6px 8px 6px 16px;font-size:10px}
.asas-btn--header .asas-btn__badge{width:27px;height:27px;flex-basis:27px}
.asas-btn--header .asas-btn__badge svg{width:15px;height:15px}
@media(max-width:760px){.asas-btn{min-height:49px;padding:8px 9px 8px 13px;gap:9px;font-size:10px}.asas-btn__badge{width:26px;height:26px;flex-basis:26px;border-radius:8px}.asas-btn__badge svg{width:15px;height:15px}}
@media(prefers-reduced-motion:reduce){.asas-btn,.asas-btn:after{transition:none!important}.asas-btn:hover{transform:none}}