.gds-button{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(12px);color:#f3f4f6;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:9999px;justify-content:center;align-items:center;font-weight:600;transition:all .2s ease-in-out;display:inline-flex;position:relative;overflow:hidden;transform:translateZ(0)}.gds-button:before{content:"";background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);width:50%;height:100%;transition:transform .5s;position:absolute;top:0;left:0;transform:translate(-150%)skew(-30deg)}.gds-button:hover:before{transform:translate(250%)skew(-30deg)}.gds-button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.gds-button:active{transform:translateY(0);box-shadow:0 2px 10px rgba(0,0,0,.2)}.gds-button--primary{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3)}.gds-button--primary:hover{background:rgba(239,68,68,.25);border-color:rgba(239,68,68,.5)}.gds-button--ghost{-webkit-backdrop-filter:none;background:0 0;border-color:transparent}.gds-button--ghost:hover{box-shadow:none;background:rgba(255,255,255,.1);border-color:transparent;transform:translateY(0)}.gds-button--sm{padding:.5rem 1rem;font-size:.875rem}.gds-button--md{padding:.75rem 1.5rem;font-size:.875rem}.gds-button--lg{padding:1rem 2rem;font-size:1rem}.gds-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.gds-button:disabled:hover:before{transform:translate(-150%)skew(-30deg)}