.oam-section-footer {
    --oam-footer-margin-y: 4.375em;
    --oam-footer-padding-top: 4.0625em;
    --oam-footer-padding-bottom: 4.6875em;
    --oam-footer-font-size: 1.5em;
    --oam-footer-color-text: #ffffff;
    --oam-footer-color-bg: rgba(0, 137, 141, 0.8);
    --oam-footer-bg-overlay: linear-gradient(var(--oam-footer-color-bg), var(--oam-footer-color-bg));
    --oam-footer-bg-img: url(./bg.webp);
    --oam-footer-bg: var(--oam-footer-bg-overlay), var(--oam-footer-bg-img) center/cover no-repeat;
    --oam-footer-gap: 2.33em;

    margin-top: var(--oam-footer-margin-y);
    margin-bottom: var(--oam-footer-margin-y);
    padding-top: var(--oam-footer-padding-top);
    padding-bottom: var(--oam-footer-padding-bottom);
    text-align: center;
    color: var(--oam-footer-color-text);
    background: var(--oam-footer-bg);
}

.oam-section-footer .oam-section-footer__text {
    margin-bottom: var(--oam-footer-gap);
    font-size: var(--oam-footer-font-size);
}

.oam-section-footer .oam-order-button.button {
    --oam-button-color-bg: #1b6b6d;
    --oam-button-color-bg-hover: #00898d;
}

@media (min-width: 768px) {
    .oam-section-footer {
        --oam-footer-margin-y: 6.25em;
        --oam-footer-padding-top: 5em;
        --oam-footer-padding-bottom: 5.875em;
        --oam-footer-font-size: 1.875em;
    }
}

@media (min-width: 992px) {
    .oam-section-footer {
        --oam-footer-padding-top: 5.3125em;
        --oam-footer-padding-bottom: 5.4375em;
        --oam-footer-font-size: 2.25em;
        --oam-footer-bg-img: url(./bg-lg.webp);
    }

    .oam-br-lg {
        display: block;
    }
}