.image-buttons--homepage .image-button-section-intro {
    color: #c2c2c2;
}

.image-buttons--homepage .image-button-section-intro :where(h2, .h2) {
    color: #fff;
}

@media (min-width: 768px) {
    .image-buttons--homepage .image-button-section-intro-row {
        --bs-gutter-x: 55px;
    }

    .image-buttons--homepage .image-buttons__title :where(h2, .h2) {
        text-align: right;
    }

    .image-buttons--homepage .image-buttons__content {
        text-align: left;
    }

    .image-buttons--homepage .image-button-slider {
        display: flex;
        flex-direction: column-reverse;
    }

    .image-buttons--homepage .image-button-slider .fx-slider-nav {
        justify-content: flex-start;
        gap: 15px;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .image-buttons--homepage .image-button-slider .fx-slider-prev {
        order: 2;
    }

    .image-buttons--homepage .image-button-slider .fx-slider-dots {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex: 1;
        order: 1;
    }

    .image-buttons--homepage .image-button-slider .fx-slider-next {
        order: 3;
    }

    .image-buttons--homepage .image-button-slider .slick-dots {
        justify-content: flex-start;
        position: static;
        margin: 0;
    }

    .image-buttons--homepage .image-button-slider .slick-dots li button {
        background: rgba(255, 255, 255, 0.25);
        border-color: rgba(255, 255, 255, 0.35);
    }

    .image-buttons--homepage
        .image-button-slider
        .slick-dots
        li.slick-active
        button {
        background: linear-gradient(85deg, #a70e0e 0%, #ea4626 102.79%);
    }

    .image-buttons--homepage .image-button-slider .slick-arrow {
        background: rgba(255, 255, 255, 0.15);
    }

    .image-buttons--homepage .image-button-slider .slick-arrow::before {
        color: #fff;
    }

    .image-buttons--homepage .image-button-slider .slick-next {
        right: 248px;
    }

    .image-buttons--homepage .image-button-slider .slick-arrow:hover {
        background: linear-gradient(
            85deg,
            #a70e0e 0%,
            #c92a1a 80.52%,
            #ea4626 102.79%
        );
        color: #fff;
    }
}

@media (min-width: 1200px) {
    .image-button-section-intro {
        margin-bottom: 50px;
    }

    .image-buttons--homepage .image-buttons__title :where(h2, .h2) {
        text-align: left;
    }

    .image-buttons--homepage .image-button-slider .slick-arrow::before {
        color: #fff;
    }
}