.button-icon{align-items:center;border-radius:50%;display:block;display:flex;height:40px;justify-content:center;width:40px}.button-icon,.button-icon .icon{position:relative;transition:transform .3s}.button-icon .icon{pointer-events:none;z-index:1}.button-icon__svg{left:0;pointer-events:none;position:absolute;top:0;z-index:0}.button-icon__background{background:linear-gradient(110.59deg,#c80afb 7.52%,#2919a9 153.34%);border-radius:50%;height:40px;position:absolute;transition:opacity .3s,background .3s;width:40px;z-index:-1}.button-icon__highlight{stroke-width:3px;fill:transparent;opacity:0}.button-icon__highlight--2{transform:rotate(180deg)}.button-icon__highlight-group{transition:transform .5s ease,opacity .5s ease}.button-icon:disabled{cursor:default}.button-icon:disabled .button-icon__icon{color:#82658e}.button-icon:disabled .button-icon__background{background:#2c143b}.button-icon--open .icon{transform:rotate(45deg)}.button-icon--open .button-icon__background,.button-icon--show-highlight .button-icon__background{opacity:0}.button-icon--open .button-icon__highlight,.button-icon--show-highlight .button-icon__highlight{opacity:1}.button-icon--open .button-icon__highlight-group,.button-icon--show-highlight .button-icon__highlight-group{transform:rotate(135deg)}.button-icon--open:hover .button-icon__highlight-group,.button-icon--show-highlight:hover .button-icon__highlight-group{transform:rotate(-45deg)}.button-icon--open .button-icon__highlight-group,.button-icon--rotate-highlight .button-icon__highlight-group{transform:rotate(315deg)}.button-icon--open:hover .button-icon__highlight-group,.button-icon--rotate-highlight:hover .button-icon__highlight-group{transform:rotate(135deg)}