.RoundButton{position:relative;width:45px;height:45px;border:none;border-radius:50%;background:var(--button-text-color);color:var(--button-background);cursor:pointer;text-align:center;z-index:1;-webkit-box-shadow:0 2px 10px rgba(54,54,54,.15);box-shadow:0 2px 10px #36363626;vertical-align:middle;line-height:0;-webkit-transform:scale(1.001);transform:scale(1.001);-webkit-transition:background .15s ease-in-out,opacity .15s ease-in-out,color .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:background .15s ease-in-out,opacity .15s ease-in-out,color .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:background .15s ease-in-out,opacity .15s ease-in-out,transform .2s ease-in-out,color .2s ease-in-out;transition:background .15s ease-in-out,opacity .15s ease-in-out,transform .2s ease-in-out,color .2s ease-in-out,-webkit-transform .2s ease-in-out;overflow:hidden}.RoundButton.withouTransition{transition:none!important}.RoundButton.is-active{background:var(--button-background);color:var(--button-text-color);outline:none}.RoundButton svg{height:15px;width:15px;fill:currentColor}.RoundButton--small{width:35px;height:35px}.RoundButton--small svg{height:14px;width:14px}.RoundButton--medium{width:50px;height:50px}.RoundButton--medium svg{height:18px;width:18px}.RoundButton--large{width:55px;height:55px}.RoundButton--large svg{height:15px;width:15px}.RoundButton--flat{-webkit-box-shadow:0 1px 5px rgba(54,54,54,.15);box-shadow:0 1px 5px #36363626;color:rgba(var(--button-background) .5)}.RoundButton__PrimaryState,.RoundButton__SecondaryState{display:block;-webkit-transition:opacity .4s cubic-bezier(.75,0,.125,1),-webkit-transform .4s cubic-bezier(.75,0,.125,1);transition:opacity .4s cubic-bezier(.75,0,.125,1),-webkit-transform .4s cubic-bezier(.75,0,.125,1);transition:transform .4s cubic-bezier(.75,0,.125,1),opacity .4s cubic-bezier(.75,0,.125,1);transition:transform .4s cubic-bezier(.75,0,.125,1),opacity .4s cubic-bezier(.75,0,.125,1),-webkit-transform .4s cubic-bezier(.75,0,.125,1)}.RoundButton__SecondaryState{position:absolute;left:50%;top:50%;width:100%;text-align:center;opacity:0;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}.RoundButton--secondaryState .RoundButton__PrimaryState{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.RoundButton--secondaryState .RoundButton__SecondaryState{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (-moz-touch-enabled: 0),(hover: hover){.RoundButton:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.RoundButton--small:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.RoundButton:not([aria-expanded=true]):hover{color:var(--button-background)}.RoundButton[data-animate-left]:hover svg{-webkit-animation:buttonFromRightToLeft .5s ease-in-out forwards;animation:buttonFromRightToLeft .5s ease-in-out forwards}.RoundButton[data-animate-right]:hover svg{-webkit-animation:buttonFromLeftToRight .5s ease-in-out forwards;animation:buttonFromLeftToRight .5s ease-in-out forwards}.RoundButton[data-animate-bottom]:hover svg{-webkit-animation:buttonFromTopToBottom .5s ease-in-out forwards;animation:buttonFromTopToBottom .5s ease-in-out forwards}}
/*# sourceMappingURL=/cdn/shop/t/408/assets/component-round-button.css.map */