.button{cursor:pointer;background-color:#3aa856;border:1px solid #34974d;align-items:center;width:150px;height:40px;display:flex;position:relative}.button,.button__icon,.button__text{transition:all .3s}.button .button__text{color:#fff;font-weight:600;transform:translate(30px)}.button .button__icon{background-color:#34974d;justify-content:center;align-items:center;width:39px;height:100%;display:flex;position:absolute;transform:translate(109px)}.button .svg{stroke:#fff;width:30px}.button:hover{background:#34974d}.button:hover .button__text{color:transparent}.button:hover .button__icon{width:148px;transform:translate(0)}.button:active .button__icon{background-color:#2e8644}.button:active{border:1px solid #2e8644}