.base-btn{-webkit-box-flex:0;align-items:center;cursor:pointer;display:flex;justify-content:center;opacity:1;position:relative}.base-btn__preloader{opacity:0;position:absolute}.base-btn__name{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.base-btn--black{background:var(--black);transition:background .2s,opacity .2s}.base-btn--black:after{background:linear-gradient(270deg,#3a00fa,#a733ff 92.58%);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .2s;width:100%}.base-btn--black .base-btn__name{color:var(--white);font-family:Inter-SemiBold,sans-serif;font-size:14px;letter-spacing:-.35px;line-height:18px;text-transform:uppercase;z-index:2}@media only screen and (max-width:767px){.base-btn--black .base-btn__name{font-family:Inter-SemiBold,sans-serif;font-size:11px;letter-spacing:-.33px;letter-spacing:-.22px;line-height:18px;line-height:14px;text-transform:uppercase}}@media only screen and (min-width:768px){.base-btn--black:hover:after{opacity:1}}.base-btn--transparent-black,.base-btn--transparent-white{background:transparent;transition:background .2s,opacity .2s}.base-btn--transparent-black .base-btn__name,.base-btn--transparent-white .base-btn__name{font-family:Inter-SemiBold,sans-serif;font-size:14px;letter-spacing:-.35px;line-height:18px;text-transform:uppercase;transition:color .2s;z-index:2}.base-btn--transparent-black{border:1px solid var(--black)}.base-btn--transparent-black .base-btn__name{color:var(--black)}.base-btn--transparent-black:hover{background:var(--black)}.base-btn--transparent-black:hover .base-btn__name{color:var(--white)}.base-btn--transparent-white{background:transparent;border:1px solid var(--white);transition:background .2s,opacity .2s}.base-btn--transparent-white .base-btn__name{color:var(--white)}.base-btn--transparent-white:hover{background:var(--white)}.base-btn--transparent-white:hover .base-btn__name{color:var(--black)}.base-btn--hover-orange-text:hover .base-btn__name{color:var(--orange)}.base-btn--hover-blue2-text:hover .base-btn__name{color:var(--blue2)}.base-btn--hover-red-text:hover .base-btn__name{color:var(--red)}.base-btn--xl{height:128px;width:100%}@media only screen and (max-width:1279px){.base-btn--xl{height:96px}}@media only screen and (max-width:767px){.base-btn--xl{height:64px}}.base-btn--md{padding-bottom:18px;padding-top:18px;width:100%}.base-btn--md-padding-16{padding-bottom:16px;padding-top:16px;width:100%}.base-btn--sm{padding:8px 24px;width:100%}@media only screen and (max-width:767px){.base-btn--sm{padding:10px 24px}}.base-btn--centered .base-btn__name{text-align:center}.base-btn--width-auto{width:auto}.base-btn--disabled{opacity:.4;pointer-events:none}.base-btn--loaded{pointer-events:none}.base-btn--loaded .base-btn__preloader{opacity:1}.base-btn--loaded .base-btn__name{opacity:0}