.coupon-box .discount-logo {
    width: 114px;
    height: 114px
}

.coupon-box {
    background: var(--secondary_col);
}

.coupon-box .detail-btn.active i {
    transform: rotate(180deg)
}

.coupon-box .discount-description {
    border-bottom: 1px dashed #b6b6b6
}

@media (max-width: 1199px) {
    .coupon-box .discount-logo {
        width:84px;
        height: 84px
    }
}

@media (min-width: 768px) and (max-width:859px) {
    .coupon-box .coupon-btn {
        padding:.25rem .5rem!important
    }
}

@media (max-width: 767px) {
    .coupon-box .discount-logo {
        width:114px;
        height: 114px
    }
}