.animated-back-button-container{cursor:pointer;background-color:#ffffff0d;border:1px solid #ffffff26;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:fit-content;padding:.75rem 1rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.animated-back-button-container:before{content:"";opacity:0;pointer-events:none;z-index:0;background:linear-gradient(#ff3f6cd2,#f21648d2);width:70%;height:100%;transition:all .3s;position:absolute;transform:skew(45deg)}.animated-back-button-container .button-text{z-index:0;align-items:center;gap:4px;display:flex;position:relative}.animated-back-button-container.check.check{color:#fff!important}.animated-back-button-container.check.check:before{opacity:1;background:#2ec561;width:150%;height:150%;transform:skew(15deg)}.animated-back-button-container.cart:before{background:linear-gradient(#fff,10%,#fff)}.animated-back-button-container:disabled{opacity:.5;border-color:#0000}.animated-back-button-container.arrow .arrow-container{transition:all .3s;position:relative}.animated-back-button-container.arrow .arrow-container:after{content:"";background-color:#fff;border-radius:.75rem;width:0;height:3px;transition:all .3s;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.animated-back-button-container:hover:not(.solid):not(:disabled):before{opacity:1;width:150%;height:150%;transition:all .5s,opacity .15s;transform:skew(15deg)}.animated-back-button-container:hover:not(:disabled).solid{background-color:#ffffff2d}.animated-back-button-container:hover:not(:disabled).cart{color:#000}.animated-back-button-container:hover:not(:disabled).arrow .arrow-container{padding-left:.5rem}.animated-back-button-container:hover:not(:disabled).arrow .arrow-container:after{border-color:#fff;width:1rem}.animated-back-button-container *{cursor:pointer}