#mfn {
    padding: 32px;
    border-radius: var(--br-16);
    background: var(--white)
}

.mfn-subscribe {
    display: grid;
    gap: 8px;
}

.mfn-info-main {
    font-size: var(--fs-24);
}

.mfn-list {
    padding: 0 !important;
    list-style: none;
}

.mfn-sub-option,
.mfn-sub-approve {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.mfn-field-address {
    width: 100%;
    padding: 16px;
    line-height: 1em;
    border: 1px solid var(--dark);
}

.mfn-sub-submit {
    flex: 0 0 fit-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 16px;
    font-size: var(--fs-16);
    font-weight: 600;
    border: 0;
    border-radius: var(--br-16);
    text-align: center;
    color: var(--white);
    background: var(--cta);
    transition: transform 0.25s ease, background-color 0.25s ease;
    cursor: pointer;
}

.mfn-sub-submit::after {
    display: block;
    flex: 0 0 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect x='10.1875' y='4' width='8.81633' height='1.95918' fill='white'/%3E%3Crect x='6.59375' y='7.91797' width='8.81633' height='1.95918' fill='white'/%3E%3Crect x='3' y='11.8359' width='8.81633' height='1.95918' fill='white'/%3E%3Crect x='17.0391' y='12.8164' width='8.81633' height='1.95918' transform='rotate(-90 17.0391 12.8164)' fill='white'/%3E%3Crect x='13.4492' y='16.7344' width='8.81633' height='1.95918' transform='rotate(-90 13.4492 16.7344)' fill='white'/%3E%3Crect x='9.85938' y='20.6523' width='8.81633' height='1.95918' transform='rotate(-90 9.85938 20.6523)' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    content: '';
}

.mfn-sub-submit:hover {
    transform: translateY(-3px);
    background: var(--light-cta);
}