.webpush-notify {
    color: white;
    padding: 20px 0;
    background-color: #dc0047;
    min-height: 100px;
    display: none;
    box-shadow: inset 0px 5px 4px #33333342;
    padding: 25px 0!important;
       margin-bottom: 25px
}

    .webpush-notify.active {
        background-color: #e47400!important;
    }

    .webpush-notify.inactive {
        background-color: #656565;
    }

    .webpush-notify.disabled {
        background-color: #00a241;
    }

.webpush-bell {
    font-size: 35px;
    border: 3px solid #fff;
    width: 65px;
    text-align: center;
    height: 65px;
    border-radius: 50%;
    position: absolute;
    padding-top: 10px;
}

.webpush-content {
    margin-left: 75px;
}

.webpush-title {
    margin-bottom: 8px;
    display: block;
    display: block;
    font-size: 18px;
    font-weight: 500;
}

.webpush-text {
    display: block;
}