.amount {display: flex; transition: all .3s ease;} .amount__button {display: flex; align-items: center; justify-content: center; padding: 0 11px; background-color: #e8e8e8; transition: all .3s ease;}
.amount__button:hover {background-color: #cdcdcd;} .amount__button svg {width: 15px; height: 15px;}
.amount__button_right {border-radius: 0 2px 2px 0;} .amount__button_left {border-radius: 2px 0 0 2px;}
.amount__input { width: 48px; font-size:16px; border: 1px solid #e8e8e8; text-align: center;}
.zumer {animation-duration: 0.4s; animation-name: fadeOpen; animation-timing-function: ease-in-out;}
.your-cena, .js-cena-price {position: relative; width: auto; height: 27px; display: inline-block;}
@keyframes fadeOpen { 0% {transform: scale(0.7); opacity: 0.6;} 25% {transform: scale(0.7); opacity: 0.7; color:#008F13;} 50% {transform: scale(0.8); opacity: 1; color:#008F13;}
70% {transform: scale(0.9); opacity: 1; color:#008F13;} 100% {transform: scale(1); opacity: 1; color:#008F13;} }
@media (min-width: 768px) { .product__card .amount {opacity: 0; visibility: hidden;} }