#wpnotif-preferences { padding: 20px; background: #f5f5f5; }
#wpnotif-preferences form { margin-bottom: 0px; }
#wpnotif-preferences label, #wpnotif-preferences input { font-family: "Open Sans", Sans-serif; font-size: 13px; color: #000; }
#wpnotif-preferences #wpnotif-prefs-fwrapper { display: flex; gap: 10px; }
#wpnotif-preferences #wpnotif-prefs-fwrapper > p { margin-bottom: 0px; }
#wpnotif-preferences p.wpnotif-prefs__actions { margin-bottom: 0px; }
#wpnotif-preferences p.wpnotif-prefs__actions button { background-color: #000; font-family: "Open Sans", Sans-serif; font-size: 14px; font-weight: 500; color: #fff; border-style: none; border-radius: 0px; font-style: normal; line-height: 1; letter-spacing: 1px; padding: 12px 20px; display-inline-block; cursor: pointer; text-transform: uppercase; text-decoration: none; border: 0px; white-space: nowrap; transition: all 0.3s ease; }
#wpnotif-preferences p.wpnotif-prefs__actions button:hover { background: #e3b8a1 !important; color: #000 !important; }
#wpnotif-preferences #wpnotif-prefs-countrycode select, #wpnotif-preferences #wpnotif-prefs-phonenumber input { background: #fff; border-radius: 0px; padding: 10px 14px; border-style: solid; border-width: 1px; border-color: #D1D1D1; font-family: "Open Sans", Sans-serif; font-size: 13px; color: #000; line-height: normal; outline: none; transition: all 0.3s ease; box-shadow: none; }
#wpnotif-preferences #wpnotif-prefs-countrycode select:hover, #wpnotif-preferences #wpnotif-prefs-phonenumber input:hover { outline: none; border-color: #000; }
#wpnotif-preferences .wpnotif-prefs__field--optin { margin-bottom: 16px; }
#wpnotif-preferences .wpnotif-prefs__field--optin label { background: #E3B8A1; border: none; cursor: pointer; border-radius: 0px 0px 0px 0px; padding: 10px 14px 10px 14px; font-family: "Open Sans", Sans-serif; font-size: 13px; color: #000; display: block; transition: all 0.3s ease; }
#wpnotif-preferences .wpnotif-prefs__field--optin label input { display: inline; bottom: -2px; position: relative; margin-right: 8px; } 
#wpnotif-preferences .wpnotif-prefs__message { font-family: "Open Sans", Sans-serif; font-size: 13px; color: #000; margin-bottom: 14px; }
#wpnotif-preferences .wpnotif-prefs__field--optin > label:has(> input[type="checkbox"]:checked){ background: #1f8a3b; color: #fff; }
#wpnotif-preferences .wpnotif-prefs__notice.wpnotif-prefs__notice--success::before { content: '\f058'; font-family: 'Font Awesome 5 Free'; font-weight: 900; display: inline-block; color: #1f8a3b; font-size: 15px; margin-right: 6px; position: relative; bottom: -1px; }
#wpnotif-preferences .wpnotif-prefs__notice.wpnotif-prefs__notice--success { color: #1f8a3b; margin-bottom: 14px;  font-family: "Open Sans", Sans-serif; font-size: 13px; border: 1px solid #1f8a3b; padding: 10px; }

#popup-whatsapp #wpnotif-preferences { background: none; padding: 0px; }
#popup-whatsapp #wpnotif-preferences .wpnotif-prefs__message { color: #fff; }
#popup-whatsapp #wpnotif-preferences .wpnotif-prefs__field--optin { text-align: center; }
#popup-whatsapp #wpnotif-preferences .wpnotif-prefs__message { text-align: center; }
#popup-whatsapp #wpnotif-preferences #wpnotif-prefs-fwrapper { justify-content: center; }
#popup-whatsapp #wpnotif-preferences p.wpnotif-prefs__actions button { background: #e3b8a1 !important; padding: 13px 20px; color: #000 !important; }
#popup-whatsapp #wpnotif-preferences p.wpnotif-prefs__actions button:hover { background: #fff !important; color: #000 !important; }
#popup-whatsapp #wpnotif-preferences .wpnotif-prefs__notice.wpnotif-prefs__notice--success { color: #fff; text-align: center; }

@media (max-width: 768px) {

#wpnotif-preferences #wpnotif-prefs-fwrapper { display: grid; grid-template-columns: 30% 70%; }
#wpnotif-preferences #wpnotif-prefs-fwrapper > p { margin: 0; box-sizing: border-box; }
#wpnotif-preferences #wpnotif-prefs-fwrapper > p.wpnotif-prefs__actions { grid-column: 1 / -1; }
#wpnotif-preferences p.wpnotif-prefs__actions button { width: 100%; }

}