.sticky-atc-wrapper {
    padding: 16px;
    position: fixed;
    bottom: 2%;
    border: 1px solid var(--yellow-bg);
    border-radius: .3125rem;
    display: none;
    align-items: center;
    gap: 10px;
    left: 2%;
    background-color: white;
    z-index: 2;
}
@media (max-width:992px){
    .sticky-atc-wrapper{
        background: transparent;
    }
}
.sticky-atc-wrapper img {
    width: 80px;
    height: 80px
}

.sticky-atc-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.sticky-atc-title h3 {
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 20px;
    color: var(--colorTextBody);
}

span.sticky-money {
    color: #e65a52;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0
}

.sticky-compare-money {
    text-decoration: line-through;
    color: var(--colorTextBody);
    font-size: 12px;
    font-weight: bold
}

@keyframes wiggle {
    2% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    4% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    6% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    8% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    10% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    12% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    14% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    16% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    18% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    20% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

.wiggle {
    display: inline-block;
}

.wiggle:hover {
    animation: none
}

@media only screen and (max-width: 992px) {
    .sticky-atc-title {
        display: none
    }
    .sticky-atc-wrapper img {
        display: none
    }
    .sticky-atc-wrapper {
        padding: 0;
        width: 95%;
        border: 0
    }
    .sticky-atc-meta {
        width: 100%
    }
    .sticky-atc-meta__cta.primary--btn.primary--btn-buy.wiggle {
        width: 100%;
        cursor: pointer;
    }
}