.offer {
    .offer__content {
        gap: 32px;

        .offer__content-card {
            h3 {
                margin-top: 0;
                a {
                    text-decoration: none;
                    color: var(--wp--preset-color-black-text);
                }

            }

            figure {
                width: 80px;
                height: 80px;
                object-fit: contain;
            }
        }
    }
}

@media only screen and (max-width: 576px) {
    .offer {
        padding-left: 24px;
        padding-right: 24px;

        .offer__content {
            gap: 24px;

            .offer__content-card {
                width: 100%;

                figure {
                    width: 100px;
                    height: 100px;
                    object-fit: contain;
                }

                .wp-block-button__link {
                    padding-top: 20px;
                    padding-bottom: 20px;
                }
            }
        }
    }
}

@media only screen and (min-width: 1000px) {
    .offer {
        .offer__content {
            padding-top: 32px;
            justify-content: center;

            .offer__content-card {

                figure {
                    width: 140px;
                    height: 140px;
                }
            }
        }
    }
}

@media only screen and (min-width: 1200px) {
    .offer {
        .offer__content {
 
            .offer__content-card {

                figure {
                    width: 100px;
                    height: 100px;
                }
            }
        }
    }
}

@media only screen and (min-width: 1400px) {
    .offer {
        .offer__content {

            .offer__content-card {

                figure {
                    width: 140px;
                    height: 140px;
                }
            }
        }
    }
}

@media only screen and (min-width: 1800px) {
    .offer {
        .offer__content {
            gap: 40px;
            max-width: 1470px;
            
        }
    }
}