.buy_variants_container {background-color: #eef3f8}
.buy_variants .item {
    width: 380px; margin: 0 20px 20px 0; position: relative; background-color: #f5f8fb; 
    border-radius: 5px; overflow: hidden; box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.1);
    height: 150px;
}
.buy_variants .item .info {z-index: 1; position: relative; padding: 15px; height: 100%;}
.buy_variants .item .number {color: #edf3f8; font-size: 8.5rem; font-weight: 600; position: absolute; right: 10%; bottom: 0; line-height: 1; z-index: 0;}

.buy_variants .item .img_container {width: 80px; flex: 0 0 80px; text-align: center;}

.buy_variants .item:hover {color: #FFF; border-radius: 5px; overflow: hidden; box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.3);}
.buy_variants .item:hover .info {background: linear-gradient(to right, #0369d2 0%, #0369d2 45%, rgba(4,106,210,0.6) 100%);}
.buy_variants .item:hover .number {color: #0b7df1}

.buy_variants .item .img {margin: 0 auto;}
.buy_variants .item:hover .img {filter: brightness(0) invert(1);}

.buy_variants .item .name {text-transform: uppercase; font-weight: 600; margin-bottom: 10px;}
.buy_variants .item .descr p {padding: 3px 0; font-size: 0.9rem; margin: 5px 0 10px 0;}

.buy_variants_container .comment {
    background: linear-gradient(to right, #ff0d29 0%, #ff7d04 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 16px 10px 0 10px;
    font-size: 1.2rem;
    font-weight: 600;
}

/*.col-xl-  (>= 1200px)*/
@media screen and (min-width: 1200px)
{
       
}
/*.col-lg-  (>= 992px)*/
@media screen and (max-width: 1200px)
{
    .buy_variants .item {margin: 0 10px 20px 10px; max-width: 95%;}    
}
/*.col-md-  (>= 768px)*/
@media screen and (max-width: 991px)
{
    
}
/*.col-sm-  (>= 576px)*/
@media screen and (max-width: 767px)
{
    
}
/*.col-*/
@media screen and (max-width: 575px)
{
    
}