.animated-btn-link{text-decoration:none;display:inline-block}.animated-btn{background:transparent;border:1px solid #000;outline:none;padding:20px 40px;height:80px;width:200px;border-radius:40px;overflow:hidden;transform:scaleX(1);transition:transform .5s cubic-bezier(.4,0,0,1);position:relative;cursor:pointer;font-family:Cantarell,sans-serif;display:flex;align-items:center;justify-content:center}.animated-btn:hover:not(.disabled){animation:animate-scaleX .6s cubic-bezier(.4,0,0,1)}.animated-btn:after{content:"";position:absolute;left:0;bottom:0;background:black;transition:transform .5s cubic-bezier(.4,0,0,1),border-radius .5s cubic-bezier(.4,0,0,1);width:100%;height:100%;border-radius:50% 50% 0 0;transform:translateY(100%)}.animated-btn:hover:not(.disabled):after{transform:translateY(0);border-radius:0}.animated-btn span{overflow:hidden;position:relative;color:black;z-index:2}.animated-btn span,.animated-btn span:after{display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;text-align:center;line-height:1;font-family:Cantarell,sans-serif;text-transform:uppercase;width:100%;height:100%}.animated-btn span:after{transition:transform .5s cubic-bezier(.4,0,0,1);content:attr(data-text);position:absolute;left:0;top:0;z-index:1;transform:translateY(100%);color:white}.animated-btn:hover:not(.disabled) span:after{transform:translateY(0)}.animated-btn:focus{outline:none}.animated-btn.disabled{opacity:.5;cursor:not-allowed;border-color:#ccc}.animated-btn.disabled span{color:#ccc}.animated-btn.small{height:150px;width:150px;padding:15px}.animated-btn.small span{font-size:16px}.animated-btn.medium{height:250px;width:250px;padding:20px;border-radius:50%}.animated-btn.medium span{font-size:20px}.animated-btn.large{height:300px;width:300px;padding:25px}.animated-btn.large span{font-size:28px}.animated-btn.success{border-color:#22c55e}.animated-btn.success:after{background:#22c55e}.animated-btn.success span{color:#22c55e}.animated-btn.warning{border-color:#f59e0b}.animated-btn.warning:after{background:#f59e0b}.animated-btn.warning span{color:#f59e0b}@keyframes animate-scaleX{0%{transform:scaleX(1)}50%{transform:scaleX(1.1)}to{transform:scaleX(1)}}.animated-btn.cart-btn{background:white;border:3px solid black;width:220px;height:60px;padding:0 30px;border-radius:30px}@media (max-width:1040px){.animated-btn.small{height:120px;width:120px;padding:12px}.animated-btn.small span{font-size:14px}.animated-btn.medium{height:160px;width:160px;padding:16px}.animated-btn.medium span{font-size:16px}.animated-btn.large{height:200px;width:200px;padding:20px}.animated-btn.large span{font-size:20px}.animated-btn.cart-btn{width:200px;height:55px;padding:0 25px}}