.addButton{position:relative;width:150px;height:35px;cursor:pointer;display:flex;align-items:center;border:1px solid #34974d;background-color:#3aa856;margin-bottom:5px}.addButton,.button__icon,.button__text{transition:all .3s}.addButton .button__text{transform:translate(30px);color:#fff}.addButton .button__icon{position:absolute;transform:translate(109px);height:100%;width:39px;background-color:#34974d;display:flex;align-items:center;justify-content:center}.addButton .svg{width:30px;stroke:#fff}.addButton:hover{background:#34974d}.addButton:hover .button__text{color:transparent}.addButton:hover .button__icon{width:148px;transform:translate(0)}.addButton:active .button__icon{background-color:#2e8644}.addButton:active{border:1px solid #2e8644}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}