.popular-categories .negative-margin {
    margin: -20px;
}
.popular-categories .content-padding {
    padding: 20px;
}

.popular-categories .content-padding h4 {
    font-family: span, serif;
}
.popular-categories .card-links {
    position: absolute;
    bottom: 60px;
    width: 100%;
    text-align: center;
    left: 0px;
    z-index: 2;
}
.popular-categories .card-links * {
    color: var(--white);
}
.popular-categories .card-links a {
    text-decoration: none;
}
.popular-categories .card-links a p.card-link {
    text-decoration-color: var(--white);
    text-transform: uppercase;
    text-decoration: underline;
}
.popular-categories .linear-gradient {
    height: 170%;
    width: 170%;
    position: absolute;
    opacity: 1;
    z-index: 1;
    bottom: -95%;
    left: -75%;

    background: rgb(0,0,0);
    background: -moz-radial-gradient(circle, rgba(0,0,0,0.8632703081232493) 0%, rgba(0,0,0,0) 71%);
    background: -webkit-radial-gradient(circle, rgba(0,0,0,0.8632703081232493) 0%, rgba(0,0,0,0) 71%);
    background: radial-gradient(circle, rgba(0,0,0,0.8632703081232493) 0%, rgba(0,0,0,0) 71%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.popular-categories .content-padding:hover .image-square > img {
    min-width: 101%;
    min-height: 101%;
    height: 101%;
    width: 101%;
}
.popular-categories .image-square > img {
    transition: ease all .3s;
    min-width: 105%;
    min-height: 105%;
    height: 105%;
    width: 105%;
}
@media(max-width: 991.98px){
    .popular-categories .negative-margin {
        margin: -15px;
    }
    .popular-categories .content-padding {
        padding: 15px;
    }
    .popular-categories .card-links {
        bottom: 30px;
    }
}
@media(max-width: 767.98px){
    .popular-categories .card-links {
        bottom: 30px;
    }
    .popular-categories h4,
    .popular-categories .content-padding h4 {
        text-transform: uppercase;
    }
}

@media(max-width: 575px){
    .popular-categories .content-padding {
        margin-bottom: 10px;
    }
}