.subscribe .form {
    --label-text: var(--asm-ftw-semi-bold) var(--asm-fts-lg)/var(--asm-ftl-compact) var(--asm-font-family);
    --placeholder-text: var(--asm-ftw-medium) var(--asm-fts-sm)/var(--asm-ftl-dense) var(--asm-font-family);

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}

@media (min-width: 64em) {
    .subscribe .form {
        align-items: flex-start;
    }
}

.subscribe .label {
    font: var(--label-text);
}

.subscribe .input-and-submit {
    display: flex;
    justify-content: space-between;
    max-width: 264px;
    height: 40px;
    background-color: var(--asm-sw-white);
    border-radius: 8px;
    overflow: hidden;
}

.subscribe .input-and-submit .email-input {
    padding-block: 13px;
    padding-inline: var(--space-3);
    font: var(--placeholder-text);
    color: var(--asm-sw-grey);
}

.subscribe .input-and-submit .submit-btn {
    padding: var(--space-3);
    font-size: var(--text-base);
    line-height: var(--leading-none);
    color: var(--asm-sw-black);
    background-color: var(--asm-sw-primary-ultra-light);
}