.pr-gpc-notification-wrap{ padding: 20px 30px; border-radius: 6px; background: #F0F6FC; margin: 20px 0; } #pr-gpc-notification-modal .pr-gpc-notification-wrap { padding: 0; border-radius: 0; background: transparent; margin: 0; } .pr-gpc-notification, .pr-gpc-notification-wrap p, .pr-gpc-notification-wrap span{ color: #3E3E3E; font-size: 14px; font-weight: 400; line-height: 1.4; } .pr-gpc-notification-wrap h2{ margin: 0 0 18px 0; color: #1F1F1F; font-size: 16px; font-weight: 700; line-height: 1.4; } .pr-gpc-text-with-icon{ vertical-align: middle; } .pr-gpc-text-with-icon img{ vertical-align: middle; display: inline-block; margin-right: 5px; } .pr-gpc-notification-wrap p{ margin-bottom: 9px; } /* Popup styles */ .pr-gpc-notification-modal._has-modal{ overflow: initial; } .pr-gpc-notification-popup.modal-popup .modal-header{ padding-top: 20px; } .pr-gpc-notification-popup .pr-gpc-notification-wrap > h2{ margin: 0 0 14px 0; padding-bottom: 14px; border-bottom: 1px solid #EDEDED; color: #1F1F1F; font-size: 16px; font-weight: 500; line-height: 1.4; } .pr-gpc-notification-popup .pr-gpc-notification-wrap, .pr-gpc-notification-popup .pr-gpc-notification-wrap p, .pr-gpc-notification-popup .pr-gpc-notification-wrap span{ color: #3E3E3E; font-size: 13px; line-height: 1.2; } .pr-gpc-notification-popup .modal-inner-wrap{ margin-left: 0; margin-right: 0; margin-bottom: 0; bottom: 0; right: 0; left: 0; max-width: 100%; width: auto; border-radius: 8px; border: 1px solid #E7E7E7; box-shadow: 0px 5px 24.9px 0px rgba(0, 0, 0, 0.10); } .pr-gpc-notification-popup .modal-footer{ padding-top: 20px; padding-bottom: 20px; } .pr-gpc-notification-popup .modal-footer .action.primary{ padding: 8px 20px; min-width: 70px; } .pr-gpc-notification-backdrop.modals-overlay{ background-color: transparent; display: none; } @media (min-width: 768px){ .pr-gpc-notification-popup .modal-inner-wrap{ right: auto; left: 33px; margin-bottom: 33px; width: 460px; } }