.beauty-newsletter {

    display: grid;

    gap: 28px;

    max-width: 1280px;

    margin: 0 auto;

    padding: 64px 20px;

    background: #faf7f3;

}


.beauty-newsletter h2 {

    margin: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(2.5rem, 10vw, 4.5rem);

    font-weight: 500;

    letter-spacing: -0.05em;

}


.beauty-newsletter > div > p:last-child {

    max-width: 520px;

    color: #777;

    line-height: 1.6;

}


.beauty-newsletter__form {

    display: flex;

    gap: 8px;

}


.beauty-newsletter__form input {

    min-width: 0;

    flex: 1;

    min-height: 52px;

    padding: 0 16px;

    border:
        1px solid #ddd;

    border-radius: 999px;

}


.beauty-newsletter__form button {

    min-height: 52px;

    padding: 0 22px;

    background: black;

    color: white;

    border: 0;

    border-radius: 999px;

}


@media (min-width: 768px) {

    .beauty-newsletter {

        grid-template-columns:
            1fr minmax(340px, 480px);

        align-items: end;

    }

}