.btn{background:var(--green-700);height:44px;color:var(--bone-100);font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--r-sm);cursor:pointer;transition:transform .15s var(--ease), background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);white-space:nowrap;isolation:isolate;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:13px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:hover{background:var(--green-900)}.btn:active{transform:translateY(1px)}.btn:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:60%;transition:left .7s cubic-bezier(.22,.61,.36,1);position:absolute;top:0;bottom:0;left:-120%;transform:skew(-22deg)}.btn:hover:before{left:130%}.btn-ghost{color:var(--ink-900);border-color:var(--ink-200);background:0 0}.btn-ghost:hover{background:var(--bone-100);border-color:var(--ink-700)}.btn-outline{color:var(--green-700);border-color:var(--green-700);background:0 0}.btn-outline:hover{background:var(--green-700);color:var(--bone-100)}.btn-text{color:var(--ink-700);background:0 0;height:36px;padding:0 12px}.btn-text:hover{background:var(--bone-100)}.btn-white{background:var(--bone-100);color:var(--green-900)}.btn-white:hover{background:var(--bone-200);color:var(--green-900)}.btn-outline-white{color:var(--bone-100);background:0 0;border-color:#f5f1ea4d}.btn-outline-white:hover{background:var(--bone-100);color:var(--green-900);border-color:var(--bone-100)}.btn-sm{height:36px;padding:0 14px;font-size:11px}.btn-lg{height:56px;padding:0 28px;font-size:13px}.btn-block{width:100%}.icon-btn{border-radius:var(--r-sm);cursor:pointer;width:40px;height:40px;transition:background .2s var(--ease);color:var(--ink-700);background:0 0;border:1px solid #0000;place-items:center;display:grid;position:relative}.icon-btn:hover{background:var(--bone-100)}.icon-btn .badge{background:var(--green-700);min-width:16px;height:16px;color:var(--bone-100);border-radius:var(--r-pill);place-items:center;padding:0 4px;font-size:10px;font-weight:600;display:grid;position:absolute;top:4px;right:4px}