.newsletter {
    padding-block: 3.11rem;
}

.newsletter :where(h2,p) {
    margin-bottom: 1em;
}

.newsletter form {
    display: flex;
    flex-flow: row wrap;
    border-radius: 0.556rem;
    overflow: clip;
    background-color: var(--optris-grey-blue-20);
    gap: 1em;
    padding: 1em;
    align-items: flex-end;
}

.newsletter form label input {
    margin-bottom: 0;
}

.newsletter form label select {
    margin-bottom: 0;
}

.newsletter form input:not([type='submit']) {
    border: none;
    flex: 1 0 0;
}

.newsletter form input[type='submit'] {
    flex: 0 1 auto;
    width: max-content;
    background-color: var(--optris-blue);
    &::before {
        display: none;
    }
}

.newsletter form button {
    font-size: 0.778rem;
    padding: 1em 2.11em;
}

.newsletter form button:hover {
    padding: 1em 1.584em 1em 2.636em !important;
}

.newsletter form label {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .newsletter form {
        background-color: transparent;
        row-gap: 1em;
    }
    .newsletter form input:not([type='submit']) {
        background-color: var(--optris-grey-blue-10);
        flex: 1 0 auto;
    }
    .newsletter form input[type='submit'] {
        flex: 1 0 auto;
    }
}