.price-box-container{margin-top:15px;margin-bottom:5px}
.price-regular{font-size:26px;font-weight:800;color:#333;letter-spacing:-.5px}
.price-uvp{font-size:16px;color:#999;text-decoration:line-through;margin-left:8px;font-weight:400}
.price-vat-info{font-size:12px;color:#777;display:block;margin-top:-2px}
.offer-badge-new{background-color:#ff3b3b;color:#fff;font-size:12px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;margin-bottom:5px;display:inline-block}

.cart__button{display:block;position:relative;height:50px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;overflow:hidden;transition:.3s ease-in-out}
.cart__button:hover{background-color:hsl(0,0%,16%)}
.cart__button:active{transform:scale(.9)}
.cart__button .fa-shopping-cart{position:absolute;z-index:2;top:50%;left:-10%;font-size:1.5rem;transform:translate(-50%,-50%)}
.cart__button .fa-box{position:absolute;z-index:3;top:-20%;left:50%;font-size:.875rem;transform:translate(-50%,-50%)}
.cart__button span{position:absolute;z-index:3;transform:translate(-50%,-50%);width:100%;left:50%}
.cart__button span.add__to-cart{opacity:1}
.cart__button span.added{opacity:0}
.cart__button.clicked .fa-shopping-cart{animation:cart 3s ease-in-out forwards}
.cart__button.clicked .fa-box{animation:box 3s ease-in-out forwards}
.cart__button.clicked span.add__to-cart{animation:txt1 3s ease-in-out forwards}
.cart__button.clicked span.added{animation:txt2 3s ease-in-out forwards}
.upselling-box a.clicked{animation:rotateX 1s ease-in-out forwards}
.upselling-box .secound-a.clicked{animation:rotateXOpen 2s ease-in-out forwards;color:green;text-decoration:none}
.upselling-box .secound-a{height:0;transform:rotateX(90deg)}
@keyframes rotateX{0%{transform:rotateX(0)}100%{transform:rotateX(90deg);display:none}}
@keyframes rotateXOpen{0%{display:none!important;transform:rotateX(90deg)}50%{display:block!important;transform:rotateX(90deg)}100%{display:block!important;transform:rotateX(0);height:auto}}
@keyframes cart{0%{left:-10%}40%,60%{left:50%}100%{left:110%}}
@keyframes box{0%,40%{top:-20%}60%{top:40%;left:52%}100%{top:40%;left:112%}}
@keyframes txt1{0%{opacity:1}20%,100%{opacity:0}}
@keyframes txt2{0%,80%{opacity:0}100%{opacity:1}}