@layer components {
    .marketing-signup {
            display: grid;
            gap: 1rem;
            margin-top: 0.25rem;
            max-width: 35rem;
        }

    .marketing-signup__row {
            display: grid;
            gap: 0.75rem;
        }

    .marketing-signup__input {
            min-height: 3rem;
        }

    .marketing-signup__button {
            min-height: 3rem;
        }

    @media (min-width: 48rem) {
        .marketing-signup__row {
                    grid-template-columns: minmax(0, 1fr) auto;
                }
    }
}