.series-push-box{
    margin:16px 0;
    padding:16px 18px;
    border:1px solid #f1d8e3;
    border-radius:12px;
    background:#fffafb;
    box-shadow:0 2px 8px rgba(208,78,132,.05);
    font-family:Arial,sans-serif
}

.series-push-title{
    margin:0 0 12px;
    font-size:14px;
    font-weight:700;
    color:#292126
}

.series-push-options{
    display:flex;
    gap:8px;
    flex-wrap:wrap
}

.series-push-channel,
.series-push-email-submit,
.series-push-unsubscribe{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 18px;
    border-radius:8px;
    cursor:pointer;
    font:600 13px/1.2 Arial,sans-serif;
    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease,
        transform .15s ease,
        box-shadow .15s ease
}

/* Push / Email */
.series-push-channel{
    border:1px solid #efd5e0;
    background:#ffffff;
    color:#cf4c82
}

.series-push-channel:hover{
    background:#fff2f7;
    border-color:#eaa8c3
}

/* Активная подписка */
.series-push-channel.is-selected{
    border-color:#dd4f89;
    background:#dd4f89;
    color:#fff;
    box-shadow:0 2px 6px rgba(221,79,137,.18)
}

.series-push-channel.is-selected:hover{
    background:#cf447c;
    border-color:#cf447c
}

.series-push-channel:active,
.series-push-email-submit:active,
.series-push-unsubscribe:active{
    transform:translateY(1px)
}

.series-push-channel:disabled,
.series-push-email-submit:disabled,
.series-push-unsubscribe:disabled{
    opacity:.5;
    cursor:default
}

/* Форма Email */
.series-push-email-form{
    display:flex;
    gap:8px;
    margin-top:10px;
    max-width:520px
}

.series-push-email-form[hidden]{
    display:none!important
}

.series-push-email-input{
    flex:1;
    min-width:180px;
    height:40px;
    box-sizing:border-box;
    padding:0 12px;
    border:1px solid #efd5e0;
    border-radius:8px;
    background:#fff;
    color:#333;
    font:13px Arial,sans-serif;
    outline:none;
    transition:border-color .15s ease,box-shadow .15s ease
}

.series-push-email-input::placeholder{
    color:#aaa
}

.series-push-email-input:focus{
    border-color:#dd4f89;
    box-shadow:0 0 0 3px rgba(221,79,137,.08)
}

.series-push-email-submit{
    border:1px solid #dd4f89;
    background:#dd4f89;
    color:#fff
}

.series-push-email-submit:hover{
    background:#cf447c;
    border-color:#cf447c
}

/* Отписаться */
.series-push-unsubscribe{
    margin-top:10px;
    min-height:36px;
    padding:0 14px;
    border:1px solid #efd5e0;
    background:#fff;
    color:#a65a78;
    font-size:12px
}

.series-push-unsubscribe:hover{
    background:#fff2f7;
    border-color:#e8b4c9;
    color:#cf4c82
}

.series-push-unsubscribe[hidden]{
    display:none!important
}

/* Статус */
.series-push-status{
    display:block;
    margin-top:9px;
    font:400 12px/1.45 Arial,sans-serif;
    color:#8c7b82
}

/* Мобильная версия */
@media(max-width:600px){

    .series-push-box{
        padding:14px;
        border-radius:10px
    }

    .series-push-options{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:7px
    }

    .series-push-channel{
        width:100%;
        padding:0 10px
    }

    .series-push-email-form{
        display:block;
        max-width:none
    }

    .series-push-email-input,
    .series-push-email-submit{
        width:100%
    }

    .series-push-email-submit{
        margin-top:8px
    }

    .series-push-unsubscribe{
        width:100%
    }

    .series-push-status{
        font-size:12px
    }
}