.button{border-radius:var(--border-radius);background:var(--gradient-primary);transition:background var(--transition),color var(--transition);cursor:pointer;text-align:center;justify-content:center;align-items:center;column-gap:7px;width:fit-content;padding:14px 25px;display:flex;position:relative;overflow:hidden}.button .button__loader svg path{stroke:var(--white)}.button__loader{justify-content:center;align-items:center;animation:5s linear infinite loaderAnimation;display:flex}.button__loader svg path{transition:stroke .3s ease-in-out}.button.--button-disabled{opacity:.4;-webkit-user-select:none;user-select:none;pointer-events:none}.button.--button-activated span{color:var(--white)!important}.button.--button-activated:before{opacity:1;visibility:visible}.button.--button-bordered{border:1px solid var(--greyNormal);background:0 0}.button.--button-bordered span{color:var(--black);transition:color .3s ease-in-out}.button.--button-bordered .button__loader svg path{stroke:var(--white)}.button.--button-bordered:hover span{color:var(--white)}.button span{color:var(--white);font-family:var(--font-secondary);z-index:2;font-size:15px;font-style:normal;font-weight:600;line-height:19px;position:relative}.button svg{z-index:2}.button:before{content:"";background:var(--gradient-primary-hover);opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;visibility:hidden;width:100%;height:100%;transition:opacity var(--transition),visibility var(--transition);position:absolute;top:0;left:0}.button:hover:before{opacity:1;visibility:visible}.button:hover svg path{fill:var(--white);transition:fill .3s ease-in-out}.--button-alternative{color:var(--black);font-family:var(--font-secondary);cursor:pointer;border-radius:var(--border-radius);background:var(--greyLight);align-items:center;column-gap:7px;width:fit-content;padding:14px 25px;font-size:15px;font-style:normal;font-weight:600;line-height:19px;transition:background .3s ease-in-out,opacity .3s ease-in-out;display:flex;position:relative;overflow:hidden}.--button-alternative span{color:var(--black)}.--button-alternative:before{display:none}.--button-alternative:hover{opacity:.7}@keyframes loaderAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:370px){.button,.--button-alternative{column-gap:2px;padding:5px 14px}.--button-alternative,.button span{font-size:12px;line-height:19px}}