.block-push-notifications--block {
  background-color: #f1f1f1;
  margin-top: 1.6rem
}

.block-push-notifications__inner {
  padding: 2rem 0
}

.block-push-notifications h3 {
  margin-top: 0
}

.block-push-notifications p {
  margin-top: 1.6rem
}

.block-push-notifications .push-optout {
  display: none
}

.block-push-notifications.is-optedin .push-optout {
  display: block
}

.block-push-notifications.is-optedin .push-optin {
  display: none
}

.block-push-notifications .button--primary {
  margin-bottom: 0
}

.block-push-notifications .button--primary:hover {
  cursor: pointer
}

@media all and (min-width:767px) {
  .block-push-notifications__inner {
    padding: 2rem
  }
}


/* MODAL */
.modal-push-optin {
    position: fixed !important;
    width: 100%;
    z-index: 16777271;
    pointer-events: none;
}

.modal-push-optin.is-optedin {
    display: none;
}

.modal-push-optin__wrapper {
    top: 0
}

.modal-push-optin__main {
    background-color: #fff;
    color: #000;
    font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","Lucida Grande","Segoe UI",verdana,arial,sans-serif;
    font-size: 15px;
    padding: 25px;
    margin: 5px auto;
    border-radius: 5px;
    max-width: 550px;
    pointer-events: auto;
    -webkit-box-shadow: 0px -1px 2px 0px rgba(0,0,0,.07),0px 15px 35px 1px rgba(56,58,103,.1),0px 5px 15px 0px rgba(62,71,92,.07);
    box-shadow: 0px -1px 2px 0px rgba(0,0,0,.07),0px 15px 35px 1px rgba(56,58,103,.1),0px 5px 15px 0px rgba(62,71,92,.07);
    /* --positivebtn-textcolor: #fff;
    --positivebtn-bgcolor: #25D366;
    --positivebtn-hover_bgcolor: #25D366;
    --positivebtn-fontsize: 14px; */
    --negativebtn-textcolor: black;
    --negativebtn-bgcolor: transparent;
    --negativebtn-hover_bgcolor: rgba(0, 0, 0, 0.05);
    --negativebtn-fontsize: 14px
}

@media(max-width: 569px) {
    .modal-push-optin__main {
        margin:0px;
        border-radius: 0px
    }
}

.modal-push-optin__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-push-optin__logo {
    display: initial;
    height: 80px;
    width: 80px;
    vertical-align: top;
    margin-right: 10px;
    margin-inline-end:10px;margin-inline-start:0px;-webkit-margin-end: 10px;
    -webkit-margin-start: 0px;
    -ms-flex-preferred-size: 80px;
    flex-basis: 80px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width: 569px) {
    .modal-push-optin__logo {
        height:60px;
        width: 60px;
        -ms-flex-preferred-size: 60px;
        flex-basis: 60px
    }
}

.modal-push-optin__message {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 1.3;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin-left: 16px;
    display: flex;
    align-self: center;
}

@media(max-width: 569px) {
    .modal-push-optin__message {
        font-size:90%
    }
}

.modal-push-optin__button,.modal-push-optin__button:hover {
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 10px 20px;
    border-radius: 5px;
    -webkit-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out;
    border: none
}

.modal-push-optin__buttons {
    margin-top: 15px;
    text-align: right;
    min-height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media(max-width: 569px) {
    .modal-push-optin__buttons {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.modal-push-optin__buttons_positive {
    color: #fff;
    color: var(--fw3-white);
    font-size: 14px;
    font-size: var(--positivebtn-fontsize);
    background: green;
    background: var(--fw3-secondary);
    cursor: pointer
}

.modal-push-optin__buttons_positive:hover {
    /* background-color: var(--positivebtn-hover_bgcolor) */
}

.modal-push-optin__buttons_positive-shadow {
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.08),0px 4px 6px 0px rgba(11,80,105,.11);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,.08),0px 4px 6px 0px rgba(11,80,105,.11)
}

.modal-push-optin__buttons_negative {
    color: #000;
    color: var(--negativebtn-textcolor);
    font-size: 14px;
    font-size: var(--negativebtn-fontsize);
    background: rgba(0,0,0,0);
    background: var(--negativebtn-bgcolor);
    margin-right: 15px;
    margin-inline-end:15px;margin-inline-start:0px;-webkit-margin-end: 15px;
    -webkit-margin-start: 0px
}

@media(max-width: 569px) {
    .modal-push-optin__buttons_negative {
        margin-top:10px;
        margin-right: 0px;
        margin-inline-end:0px;margin-inline-start:0px;-webkit-margin-end: 0px;
        -webkit-margin-start: 0px
    }
}

.modal-push-optin__buttons_negative:hover {
    background-color: rgba(0,0,0,.05);
    background-color: var(--negativebtn-hover_bgcolor)
}