.button{background:transparent;border:2px solid #fff;border-radius:30px;color:#fff;cursor:pointer;display:inline-block;font-size:18px;font-weight:400;height:60px;line-height:56px;overflow:hidden;position:relative;text-align:center;transition:all .3s;width:200px}.button img{height:10px;margin-left:14px;transition:all .3s;width:20px}.button img,.button span{position:relative;z-index:2}.button .img2{display:none}.button.dark{border-color:#d2d2d2;color:#7c7c7c}.button.dark .img1{display:none}.button.dark .img2{display:inline-block}.button:after{background:linear-gradient(90deg,#7cb284,#358eca);border-radius:50%;bottom:-22%;content:"";height:40%;left:50%;position:absolute;transform:translate(-50%);transition:width .3s ease-out,height .3s ease-out;width:60%;z-index:1}.button.dark:hover,.button:hover{border-color:transparent;color:#fff}.button.dark:hover img,.button:hover img{transform:translate(3px)}.button:hover:after{height:200%;width:200%}