:host {
    --dx-c-section-signup-width: 606px;
}

.title-container {
    width: 100%;
}

.title {
    font-family: var(--dx-g-font-display);
    color: var(--dx-g-blue-vibrant-20);
    text-align: center;
    line-height: var(--dx-g-text-2xl);
    letter-spacing: -0.12px;
    font-weight: var(--dx-g-font-demi);
    font-size: var(--dx-g-text-lg);
}

.input-button-container {
    --dx-c-button-container-width: 83.5%;

    margin: 0 auto;
    width: var(--dx-c-button-container-width);
}

.email-box-button {
    --dx-c-input-width: 100%;
}

.section-signup {
    width: var(--dx-c-section-signup-width);
    padding-bottom: var(--dx-g-spacing-xl);
}

@media screen and (max-width: 640px) {
    :host {
        --dx-c-section-signup-width: 100%;
    }

    .input-button-container {
        --dx-c-button-container-width: 88.8%;
    }
}