.extra-section {
    padding: calc(8.3vw * var(--scale)) calc(2.5vw * var(--scale));
    border-top: 1px solid var(--text-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: var(--text-color);
    position: relative;
}

.extra-section p,
.extra-section input,
.extra-section h2,
.extra-section small.loading-alert {
    color: var(--background-color);
}

.extra-section input,
.extra-section button {
    border: 1px solid var(--background-color);
}

.extra-section input::placeholder {
    color: var(--background-color);
    opacity: 0.4;
}

.extra-section button {
    background-color: var(--background-color);
    color: var(--text-color);
}

.extra-section-cta-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 28px;
}

.extra-section-cta-wrapper .light-button {
    display: block;
}

.extra-section-cta-wrapper .action-wrapper {
    margin-top: 0px !important;
}

.extra-section-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 800px;
}

.extra-section-cta-wrapper a.bold-link {
    color: var(--background-color);
}

/* Styles for large desktop */
@media (min-width: 1439px) {
    .extra-section-cta-wrapper {
        margin-top: calc(1.94vw * var(--scale));
    } 

    .extra-section-content {
        max-width: calc(55.56vw * var(--scale));
        position: relative;
    }
}

/* Styles for tablet */
@media (max-width: 991px) {
    .extra-section {
        padding: 100px 30px;
    }

    .extra-section-cta-wrapper {
        margin-top: 24px;
    }
}

@media (max-width: 479px) {
    .extra-section {
        padding: 84px 18px;
    }

    .extra-section-cta-wrapper {
        margin-top: 18px;
    }
}