.Button-os button,.Button-os a{cursor:pointer;border-radius:8px;align-items:center;gap:8px;width:fit-content;font-weight:500;transition:all .3s;display:flex;position:relative;overflow:hidden}.Button-os.small button,.Button-os.small a{padding:6px 12px;font-size:14px;line-height:20px}.Button-os.medium button,.Button-os.medium a{padding:12px 24px;font-size:14px;line-height:20px}.Button-os.primary button,.Button-os.primary a{background:var(--hero-gradient);color:var(--primary-button);border:1px solid var(--hero-gradient)}.Button-os.secondary button,.Button-os.secondary a{border:1px solid hsl(var(--secondary-border));color:var(--secondary-button);background:0 0}.Button-os.lightBlue button,.Button-os.lightBlue a{color:var(--primary-button);background-color:hsl(var(--primary)/.2);border:1px solid hsl(var(--primary)/.2)}.Button-os.lightBlue button:hover,.Button-os.lightBlue a:hover{background-color:hsl(var(--primary)/.3);transition:all .3s}.Button-os.blackTransparent button,.Button-os.blackTransparent a{color:#fff;background-color:#1a1a1a;border:1px solid #1a1a1a}.Button-os.blackTransparent button:hover,.Button-os.blackTransparent a:hover{color:#fff;background-color:#ffffff1a;border:1px solid #fff3;transition:all .3s}.Button-os a svg,.Button-os button svg{width:16px;height:auto}.Button-os button[disabled]{opacity:.6;cursor:not-allowed}.Button-os button:before,.Button-os a:before{content:"";background:linear-gradient(90deg,#fff0 0%,#fffc 100%);width:50%;height:100%;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.Button-os button:hover:before,.Button-os a:hover:before{animation:1s forwards shine}@keyframes shine{to{left:125%}}