.button{cursor:pointer;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;width:fit-content;height:40px;padding:0 20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.button:hover{padding:0 30px}.buttonRounded{border-radius:20px}.buttonSmall{height:25px;padding:0 10px}.buttonSmall:hover,.buttonOnlyIcon{padding:0 20px}.buttonOnlyIcon:hover{padding:0 30px}.buttonDisabled{opacity:.5;cursor:default}.buttonDisabled:hover{padding:0 20px}.button:after{content:"";background:linear-gradient(90deg, transparent, var(--buttonAnimation), transparent);z-index:1;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .1s;position:absolute;top:0;left:-100%}.button:hover:after{opacity:1;animation:.5s forwards shineForward}.button:not(:hover):after{animation:.5s forwards shineReverse}@keyframes shineForward{0%{left:-100%}to{left:100%}}@keyframes shineReverse{0%{opacity:1;left:100%}to{opacity:0;left:-100%}}.buttonDisabled:after{display:none}.button>*{z-index:2;position:relative}.buttonDark{background:var(--buttonDarkGradient)}.buttonDark:before{content:"";background:var(--buttonDarkActive);opacity:0;z-index:1;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.buttonDark:hover:before{opacity:1}.buttonLight{background:var(--buttonLightGradient)}.buttonLight:before{content:"";background:var(--buttonLightActive);opacity:0;z-index:1;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.buttonLight:hover:before{opacity:1}.buttonPrimary{background:var(--buttonPrimaryGradient)}.buttonPrimary:before{content:"";background:var(--buttonPrimaryActive);opacity:0;z-index:1;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.buttonPrimary:hover:before{opacity:1}.buttonDanger{background:var(--buttonDangerGradient)}.buttonDanger:before{content:"";background:var(--buttonDangerActive);opacity:0;z-index:1;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.buttonDanger:hover:before{opacity:1}.buttonIcon{margin-right:10px;font-size:18px}.buttonIconSmall{margin-right:5px;font-size:12px}.buttonIconDark{color:var(--buttonDarkText)}.buttonIconLight{color:var(--buttonLightText)}.buttonIconPrimary{color:var(--buttonPrimaryText)}.buttonIconDanger{color:var(--buttonDangerText)}.buttonText{font-size:16px;font-weight:600}.buttonTextSmall{font-size:12px}.buttonTextDark{color:var(--buttonDarkText)!important}.buttonTextLight{color:var(--buttonLightText)!important}.buttonTextPrimary{color:var(--buttonPrimaryText)!important}.buttonTextDanger{color:var(--buttonDangerText)!important}.buttonText a{font-size:16px;font-weight:600}.buttonTextDark a{color:var(--buttonDarkText)!important}.buttonTextLight a{color:var(--buttonLightText)!important}