.cart-button{position:relative;transition:.3s ease-in-out;overflow:hidden}.cart-button:active{transform:scale(.9)}.cart-button .fa-shopping-cart{position:absolute;z-index:2;top:50%;left:-20%;font-size:2em;transform:translate(-50%,-50%)}.cart-button .fa-box{top:-25%;left:52%;font-size:1.2em}.cart-button .fa-box,.cart-button span{position:absolute;z-index:3;transform:translate(-50%,-50%)}.cart-button span{left:50%;top:50%;color:#2e6951}.cart-button span.add-to-cart{opacity:1}.cart-button span.added{opacity:0}.cart-button.clicked .fa-shopping-cart{animation:cart 1.5s ease-in-out forwards}.cart-button.clicked .fa-box{animation:box 1.5s ease-in-out forwards}.cart-button.clicked span.add-to-cart{animation:txt1 1.5s ease-in-out forwards}.cart-button.clicked span.added{animation:txt2 1.5s ease-in-out forwards}@keyframes cart{0%{left:-20%}40%,60%{left:50%}to{left:120%}}@keyframes box{0%,40%{top:-25%}60%{top:40%;left:51%}to{top:40%;left:122%}}@keyframes txt1{0%{opacity:1}20%,to{opacity:0}}@keyframes txt2{0%,80%{opacity:0}to{opacity:1}}