.newsletter {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid rgb(159, 106, 115);
    background-color: var(--color-dark);
}

.newsletter__inner {
    display: grid;
    flex-grow: 1;
    margin: 45px 0;
    gap: 25px var(--grid-gap);
}

.newsletter__headline {
    margin: 0;
    color: var(--color-white);
}

.newsletter__content {
    color: rgb(209, 185, 190);
}

    .newsletter__content p {
        margin-top: 0;
    }

    .newsletter__content :last-child {
        margin-bottom: 0;
    }

    .newsletter__content a {
        color: var(--color-white);
    }

        .newsletter__content a:hover,
        .newsletter__content a:focus {
            color: var(--color-footer-text-hover);
        }

.newsletter__form .button {
    --button-min-width: 100%;
}

@media (min-width: 768px) {
    .newsletter__inner {
        grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
        gap: 15px var(--grid-gap);
        margin: 60px 0;
    }

    .newsletter__headline {
        grid-column: span 6;
        font-weight: normal;
    }

    .newsletter__content {
        grid-column: span 6;
        grid-row: 2;
    }

    .newsletter__form {
        grid-column: 8 / span 5;
        grid-row: span 2;
        justify-self: end;
        align-self: center;
    }

        .newsletter__form .button {
            --button-min-width: auto;
        }
}

@media (max-width: 1023px) {
    .newsletter__headline {
        font-size: 18px;
        line-height: 24px;
    }
}