.bestsellers__card {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    .bestsellers__card__data {
        width: 100%;
    }

    .wc-block-components-product-button {
        position: relative;
        left: var(--wp--preset--spacing--24);
        top: var(--wp--preset--spacing--24);
        padding-top: 38px;
        padding-left: 38px;

        &::before {
            content: " ";
            position: absolute;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background-image: url("../../../images/corner.png");
            z-index: 1;
        } 
    }

    .wp-block-button__link.wp-element-button {
        background-image: url("../../../images/arrow-up.svg"), var(--wp--preset--gradient--red-gradient);
        background-position: center;
        background-repeat: no-repeat;
        aspect-ratio: 1/1;
        transition: all 0.3s ease;
        position: relative;
        z-index: 2;
        width: 43px;
        height: 43px;
        padding: 8px;

        &:hover {
            background-color: var(--wp--preset--color--dark-text) !important;
        }
    }

    a img {
        transition: all .4s ease-in-out;
        transform-origin: center;
    }

    a:hover img{
        transform: scale(1.02);
    }
        
    button {
        transition: all .4s ease-in-out;

        &:hover {
            transform: rotate(45deg);
        }
    }
        
}

.bestsellers__card__priceAndBtn {
    width: 100%;
    margin-top: -24px !important;
}

.bestsellers__content {
    max-width: 1920px !important;
}

@media only screen and (max-width: 1100px) {

    .bestsellers {
        .container {
            padding-left: 48px !important;
            padding-right: 48px !important;
        }
    }

    .bestsellers__content .wc-block-product-template__responsive {
        grid-template-columns: 1fr 1fr;
    }

}


@media only screen and (max-width: 576px){
    .bestsellers .container {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .bestsellers__heading {
        flex-direction: column;

        h2 {
            padding-top: 0 !important;
        }
    }

    .bestsellers__content .wc-block-product-template__responsive {
        grid-template-columns: 1fr;
    }


}