.button{--button-bg-color: #E08BFC;--button-text-color: rgba(255, 255, 255, 0);--icon-color: var(--button-text-color, $white);font-size:14px;font-family:GT-Walsheim-Medium,Arial,sans-serif;font-weight:500;background-color:var(--button-bg-color, #E08BFC);color:var(--button-text-color, #0F3533);border:1px solid var(--button-border-color, transparent);border-radius:10px;padding:10px 20px;min-height:50px;min-width:153px;display:inline-flex;gap:21px;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative;transition:background-color .22s ease-out,border .22s ease-out,color .22s ease-out}.button:before,.button:after{--icon-trans-x: 3px;--button-bg-color: #76F4C0;--button-text-color: #0F3533;content:attr(data-text);position:absolute;inset:0;align-items:center;justify-content:center;text-align:center;pointer-events:none;transition:transform .6s cubic-bezier(.5,.7,0,1);will-change:transform}.button:before{color:var(--link-color, #0F3533);transform:translateY(25%)}.button:after{color:var(--hover-color, #0F3533);transform:translateY(100%)}.button:hover,.button:focus-visible{--button-bg-color: #76F4C0}.button:hover:before,.button:focus-visible:before{transform:translateY(-100%)}.button:hover:after,.button:focus-visible:after{transform:translateY(25%)}.button--secondary{--button-bg-color: #ffffff;--button-border-color: #EFEFEF}.button--secondary:hover,.button--secondary:focus{--button-bg-color: #76F4C0;--button-border-color: rgba(255, 255, 255, 0)}.button--black{--button-bg-color: #0F3533;--button-text-color: #ffffff;--link-color: #ffffff;--default-text-opacity: 0}.button--black:hover,.button--black:focus{--button-bg-color: #0F3533;--button-text-color: #ffffff;--button-border-color: rgba(255, 255, 255, 0)}.button--black:before,.button--black:after{--button-text-color: red;--hover-color: #ffffff}.button--none,.button--transparent{--button-bg-color: transparent;--button-text-color: #0F3533}.button--none:hover,.button--none:focus,.button--transparent:hover,.button--transparent:focus{--button-bg-color: #76F4C0;--button-text-color: #0F3533}.button [data-icon]{height:24px;width:auto;transition:transform .22s ease-out;transform:translate(var(--icon-trans-x, 0)) rotate(var(--icon-rotate, 0deg))}.button--with-icon{--button-text-color: var(--button-text-color-override, #0F3533);padding:5px 5px 5px 20px;background-color:var(--button-bg-color-override, #E08BFC);justify-content:space-between}.button--with-icon:hover,.button--with-icon:focus{background-color:var(--button-bg-color-override, #E08BFC);border-color:transparent}.button--with-icon:hover [data-icon],.button--with-icon:focus [data-icon]{--icon-rotate: -180deg}.button--with-icon [data-icon]{height:40px;width:auto;border-radius:8px}.button--with-icon span{flex:1}.button--yellow{--button-bg-color: #FFC550;--button-border-color: transparent}.button--yellow:before,.button--yellow:after{--button-bg-color: #FFC550}.button--yellow:hover,.button--yellow:focus{--button-bg-color: #FFC550;--button-border-color: transparent}.button--link{--button-bg-color: transparent;--button-text-color: currentcolor;--button-border-color: transparent;padding:0;justify-content:flex-start;gap:6px;min-height:30px;min-width:auto}.button--link [data-icon]{height:19px;width:auto;transform:translateY(.14em)}.button--link:hover,.button--link:focus{--button-bg-color: transparent;--button-text-color: currentcolor;--button-border-color: transparent}.button--link:hover [data-icon],.button--link:focus [data-icon]{transform:translate(3px,.14em)}.button--with-icon:before,.button--with-icon:after,.button--link:before,.button--link:after{display:none}.button .text{text-align:center;line-height:1;opacity:var(--default-text-opacity, 1);transform:translateY(.07em)}