@import "../../../../../css/src/mixin.scss";
.zypento-mailchimp-subscribe-one{
    box-sizing: border-box;
    font-size: 1rem;
    padding: 2em;
    display: flex;
    flex-wrap: wrap;
    gap: 1em 2em;
    background: rgba(0,0,0,0.05);
    border-radius: 8px;
    * {
        box-sizing: border-box;
    }
    &[data-type="two"]{
        .zypento-mailchimp-subscribe-one-item{
            flex-basis: 100% !important;
        }
    }
}
.zypento-mailchimp-subscribe-one-item{
    flex-basis: 100%;
    &[data-type="full"]{
        flex-basis: 100%;
    }
    & .zypento-label{
        font-size: 1rem;
        margin: 0 0 0.5em 0;
        font-weight: 700;
    }
    & .zypento-input{
        margin: 0;
        & input{
            padding: 1em;
            width: 100%;
            border: 0;
            background: rgba(0,0,0,0.05);
        }
    }
    & .zypento-message{
        display: none;
        font-size: 1rem;
        margin: 0.3em 0 0 0;
        &[data-type="error"]{
            color: $colorFour;
        }
    }
    &:not([data-type="full"]) {
        @media screen and (min-width : 1201px) {
            flex-basis: calc( 50% - 1em );
        }
    }

}
.zypento-mailchimp-subscribe-one-message{
    flex-basis: 100%;
    display: none;
    font-size: 1rem;
    padding: 0.5em 1em;
    margin: 0;
    border: 1px dotted #000000;
    &[data-type="error"]{
        border: 1px dotted #fb2323;
    }
}
.zypento-mailchimp-subscribe-one-action{
    flex-basis: 100%;
    display: flex;
    flex-flow: row;
    align-items: center;
    margin: 0;
    &>.zypento-action{
        @include zypento-mailchimp-rounded-button(16px);
        margin: 0 20px 0 0;
        &[data-type="disabled"]{
            opacity: 0.3;
        }
    }
    &>.zypento-spinner{
        @include zypento-mailchimp-spinner(24px);
        display: none;
    }
}