.popup-builder-modal.pbb28e0d4 { height: 100%; } .popup-builder-modal.pbb28e0d4 .popup-builder-content { box-shadow: 0px 0px 0px; overflow: auto; } .popup-builder-modal.pbb28e0d4 .popup-builder-close { fill: #ffffff99; } .popup-builder-modal.pbb28e0d4 .popup-builder-close:hover { fill: var(--wp--preset--color--white, #ffffff); } .popup-builder-modal.pbb28e0d4 { background: #ffffffb3 ; justify-content: center; align-items: center; } .popup-builder-modal.pbb28e0d4 .popup-builder-container { width: 540px; } .popup-builder-modal.pbb28e0d4 .popup-builder-close:before { border-radius: 100px; } .popup-builder-modal.pbb28e0d4 .popup-builder-content { background: #7c3cd2 ; height: auto; border-radius: 0px; padding: 23px 40px 6px 60px; } .popup-builder-modal.pbb28e0d4 .popup-builder-close { font-size: 16px; border-radius: 100px; } .popup-builder-modal.pbb28e0d4 .popupkit-container-overlay { background-color: var(--wp--preset--color--black, #000000); background-position: center center; opacity: 0.67; } @media (max-width: 1024px) { .popup-builder-modal.pbb28e0d4 { background: #ffffffb3 ; } .popup-builder-modal.pbb28e0d4 .popup-builder-container { width: 600px; } .popup-builder-modal.pbb28e0d4 .popup-builder-content { background: #7c3cd2 ; height: auto; } .popup-builder-modal.pbb28e0d4 .popupkit-container-overlay { background-color: var(--wp--preset--color--black, #000000); background-position: center center; opacity: 0.67; } } @media (max-width: 768px) { .popup-builder-modal.pbb28e0d4 { background: #ffffffb3 ; } .popup-builder-modal.pbb28e0d4 .popup-builder-container { width: 300px; } .popup-builder-modal.pbb28e0d4 .popup-builder-content { background: #7c3cd2 ; height: auto; padding: 50px 30px 20px 30px; } .popup-builder-modal.pbb28e0d4 .popupkit-container-overlay { background-color: var(--wp--preset--color--black, #000000); background-position: center center; opacity: 0.67; } }