.glass-btn,.glass-btn>button{position:relative;display:inline-flex;justify-content:center;align-items:center}.glass-btn>button{width:100%;height:100%;background:rgba(255,255,255,.05);box-shadow:0 8px 20px rgba(0,0,0,.35);border:none;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.08);border-radius:30px;padding:10px;letter-spacing:.5px;color:#fff;font-weight:500;z-index:1;transition:.4s;backdrop-filter:blur(15px);cursor:pointer;overflow:hidden}.glass-btn>button:disabled{opacity:.4;pointer-events:none}@media (hover:hover){.glass-btn:hover>button{background:rgba(255,255,255,.1);box-shadow:0 8px 24px rgba(0,0,0,.4);border-top-color:rgba(255,255,255,.18);border-bottom-color:rgba(255,255,255,.14);transform:translateY(-1px)}.glass-btn:active>button{transform:translateY(0);background:rgba(255,255,255,.07)}}.glass-btn--ghost>button{background:transparent;box-shadow:none;border:none;backdrop-filter:none}.glass-btn--ghost:hover>button{background:rgba(255,255,255,.06)}.glass-btn--sm>button{height:32px;padding:0 14px;font-size:.875rem}.glass-btn--md>button{height:40px;padding:0 20px;font-size:.875rem}.glass-btn--lg>button{height:48px;padding:0 28px;font-size:1.125rem}