.nirvana-push-card {
    --nirvana-push-accent: #5f7cff;
    align-items: center;
    background: linear-gradient(135deg, rgba(255, 255, 255, .82), rgba(244, 247, 255, .7));
    border: 1px solid rgba(112, 132, 190, .18);
    border-radius: 20px;
    box-shadow: 0 18px 46px rgba(49, 65, 112, .1);
    display: grid;
    gap: 16px;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    margin: 28px 0;
    overflow: hidden;
    padding: 20px;
    position: relative;
}

.nirvana-push-card::before {
    background: radial-gradient(circle, rgba(95, 124, 255, .24), transparent 68%);
    content: "";
    height: 150px;
    pointer-events: none;
    position: absolute;
    right: -55px;
    top: -80px;
    width: 150px;
}

.nirvana-push-card__icon {
    align-items: center;
    background: linear-gradient(145deg, #6c86ff, #526cec);
    border-radius: 15px;
    box-shadow: 0 10px 24px rgba(82, 108, 236, .3);
    display: flex;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.nirvana-push-card__icon svg {
    fill: #fff;
    height: 23px;
    width: 23px;
}

.nirvana-push-card__content {
    min-width: 0;
}

.nirvana-push-card__content strong {
    color: #26304b;
    display: block;
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 4px;
}

.nirvana-push-card__content p,
.nirvana-push-card__content span {
    color: #69738c;
    display: block;
    font-size: 13px;
    line-height: 1.65;
    margin: 0;
}

.nirvana-push-card__content span {
    color: #8a92a7;
    font-size: 12px;
    margin-top: 3px;
}

.nirvana-push-card__button {
    background: #27314d;
    border: 0;
    border-radius: 999px;
    box-shadow: 0 8px 20px rgba(39, 49, 77, .18);
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 650;
    min-width: 104px;
    padding: 11px 18px;
    position: relative;
    transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
    z-index: 1;
}

.nirvana-push-card__button:hover {
    box-shadow: 0 12px 26px rgba(39, 49, 77, .24);
    transform: translateY(-1px);
}

.nirvana-push-card__button:disabled {
    cursor: not-allowed;
    opacity: .62;
    transform: none;
}

.nirvana-push-card[data-state="subscribed"] .nirvana-push-card__icon {
    background: linear-gradient(145deg, #31b889, #239c73);
    box-shadow: 0 10px 24px rgba(35, 156, 115, .25);
}

.nirvana-push-card[data-state="subscribed"] .nirvana-push-card__button {
    background: rgba(39, 49, 77, .08);
    box-shadow: none;
    color: #39435d;
}

.nirvana-push-card[data-state="conflict"] {
    border-color: rgba(220, 148, 52, .34);
}

@supports ((-webkit-backdrop-filter: blur(14px)) or (backdrop-filter: blur(14px))) {
    .nirvana-push-card {
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
    }
}

@media (prefers-color-scheme: dark) {
    .nirvana-push-card {
        background: linear-gradient(135deg, rgba(35, 40, 55, .88), rgba(24, 28, 41, .78));
        border-color: rgba(163, 177, 224, .14);
    }
    .nirvana-push-card__content strong { color: #f3f5ff; }
    .nirvana-push-card__content p { color: #b4bdd3; }
    .nirvana-push-card__content span { color: #8f99b2; }
    .nirvana-push-card[data-state="subscribed"] .nirvana-push-card__button { background: rgba(255, 255, 255, .09); color: #e9edff; }
}

@media (max-width: 640px) {
    .nirvana-push-card {
        grid-template-columns: 42px minmax(0, 1fr);
        padding: 17px;
    }
    .nirvana-push-card__icon { border-radius: 13px; height: 42px; width: 42px; }
    .nirvana-push-card__button { grid-column: 1 / -1; width: 100%; }
}