.deal-container {
    position: relative;
    top: -15px;
    background-color: white;
}

.deal-div {
    background-color: #BFBFBF;
}

.deal-card {
    border-radius: 15px;
    box-shadow: rgba(100, 100, 111, 0.2) 0 5px 15px 4px;
    padding: 10px;
    border: 0;
    margin-bottom:20px;
    cursor:pointer;
}

.deal-card:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.deal-card-deal-tag-img {
    position: absolute;
    top:0;
    right:2px;
    max-width: 100px;
}

.brand-deal-btn {
    color: #2439EA;
    cursor: pointer;
    background: none;
    border: 0;
    padding: 3px 8px;
    border-radius: 5px;
    font-size:1.2em;
    text-decoration: none;
}

.brand-deal-btn span {
    width:20px;
    height:20px;
    padding:0;
    margin:0;
}

.brand-deal-btn:hover {
    color: white;
    background-color: #2439EA;
    font-weight:800;
}

@media screen and (max-width: 578px) {
    .deal-card-deal-tag-img {
        max-width: 60px;
    }
}

@media screen  and (min-width: 579px) and (max-width: 769px) {
    .deal-card-deal-tag-img {
        max-width: 70px;
    }
}

@media screen  and (max-width: 769px) {
    .brand-deal-btn {
        padding: 2px 4px;
        border-radius: 5px;
        font-size:0.8em;
    }

    .brand-deal-btn span {
        width:15px;
        height:15px;
    }
}