.cmp-leaflets-specials__leaflets {
    margin: 7.5px 15px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-columns: minmax(300px, auto);
    grid-gap: 15px;
}

@media (min-width: 768px) {
    .cmp-leaflets-specials__leaflets {
        margin: 15px 0px 30px;
        grid-gap: 30px;
    }
}

.cmp-leaflets-specials__leaflets__item__image {
    width: 160px;
    height: 240px;
    margin-bottom: 10px;
}

.cmp-leaflets-specials__leaflets__item__validity {
    font-size: var(--body4-size);
    color: #555555;
    margin-bottom: 10px;
}

.cmp-leaflets-specials__leaflets__item {
    background: #D9D9D980;
    padding: 20px;
}

.cmp-leaflets-specials__leaflets__item__catalogue {
    width: 180px;
    box-shadow: 0px 5.084278106689453px 4.236898422241211px 0px #0000001F;
    background: #555555;
    color: #FFFFFF;
    text-align: center;
    border: 0;
    border-radius: 30px;
    padding: 6px 5px;
    font-size: var(--body5-size);
    font-weight: 800;
}

/*Teal Design*/
#teal-leaflets .cmp-leaflets-specials__leaflets__item__catalogue {
    background: #38a8ae;
    color: #fff;
    border-radius: 30px;
    box-shadow: none;
    height: 40px;
    padding: 8px 25px;
}

#teal-leaflets .cmp-leaflets-specials__leaflets__item {
    background: #fff;
}