.button[data-v-576aea7e]{align-items:center;border-radius:8px;color:var(--color-white);cursor:pointer;display:flex;font-family:var(--font-regular);font-size:12px;font-weight:700;gap:8px;height:35px;justify-content:center;line-height:normal;padding:10px 18px;position:relative;text-align:center;transition:all var(--transition-duration);white-space:nowrap;z-index:1}.button[data-v-576aea7e]:after,.button[data-v-576aea7e]:before{background:linear-gradient(166deg,#cc000a -47.68%,#8123a1 88.66%);border-radius:8px;content:"";height:100%;left:0;position:absolute;top:0;transition:opacity var(--transition-duration);width:100%;z-index:-1}.button[data-v-576aea7e]:after{background:var(--gradient);opacity:1}.button[data-v-576aea7e]:before{background:linear-gradient(166deg,#cc000a -47.68%,#8123a1 88.66%);opacity:1}.button__content[data-v-576aea7e]{align-items:center;display:flex;gap:4px;justify-content:center}.button.uppercase[data-v-576aea7e]{text-transform:uppercase}.button.block[data-v-576aea7e]{width:100%}.button.loading[data-v-576aea7e]{color:transparent;pointer-events:none}.button[data-v-576aea7e]:hover:after{opacity:0}.button[data-v-576aea7e]:hover:before{opacity:1}.button[data-v-576aea7e]:disabled{background:#9fcbda;color:#b5eafb;cursor:not-allowed;opacity:1}.button[data-v-576aea7e]:disabled:after,.button[data-v-576aea7e]:disabled:before{opacity:0}.button__loader[data-v-576aea7e]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}