.styled-wrapper .button{display:block;position:relative;width:76px;height:76px;margin:0;overflow:hidden;outline:none;background-color:transparent;cursor:pointer;border:0}.styled-wrapper .button:before{content:"";position:absolute;border-radius:50%;inset:7px;border:3px solid black;transition:opacity .4s cubic-bezier(.77,0,.175,1) 80ms,transform .5s cubic-bezier(.455,.03,.515,.955) 80ms}.styled-wrapper .button:after{content:"";position:absolute;border-radius:50%;inset:7px;border:4px solid #599a53;transform:scale(1.3)}.styled-wrapper .button:after,.styled-wrapper .button:focus:before,.styled-wrapper .button:hover:before{transition:opacity .4s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.25,.46,.45,.94);opacity:0}.styled-wrapper .button:focus:before,.styled-wrapper .button:hover:before{transform:scale(.7)}.styled-wrapper .button:focus:after,.styled-wrapper .button:hover:after{opacity:1;transform:scale(1);transition:opacity .4s cubic-bezier(.77,0,.175,1) 80ms,transform .5s cubic-bezier(.455,.03,.515,.955) 80ms}.styled-wrapper .button-box{display:flex;position:absolute;top:0;left:0}.styled-wrapper .button-elem{display:block;width:30px;height:30px;margin:24px 18px 0 22px;transform:rotate(1turn);fill:#f0eeef}.styled-wrapper .button:focus .button-box,.styled-wrapper .button:hover .button-box{transition:.4s;transform:translateX(-69px)}