.popup-builder-modal.pbbff805c { height: 100%; } .popup-builder-modal.pbbff805c .popup-builder-content { box-shadow: 0px 20px 30px -10px #0000001a; } .popup-builder-modal.pbbff805c .popup-builder-close { fill: var(--wp--preset--color--black, #000000); } .popup-builder-modal.pbbff805c .popup-builder-close:hover { fill: var(--wp--preset--color--white, #ffffff); } .popup-builder-modal.pbbff805c { background: #00000050 ; justify-content: center; align-items: center; } .popup-builder-modal.pbbff805c .popup-builder-container { width: 300px; } .popup-builder-modal.pbbff805c .popup-builder-content { background: var(--wp--preset--color--white, #ffffff) ; height: auto; border-radius: 0px; } .popup-builder-modal.pbbff805c .popup-builder-close { right: 20px; top: 20px; font-size: 5px; } .popup-builder-modal.pbbff805c .popupkit-container-overlay { background-color: #9DFF20; background-position: center center; opacity: 1; } @media (max-width: 1024px) { .popup-builder-modal.pbbff805c { background: #00000050 ; } .popup-builder-modal.pbbff805c .popup-builder-content { background: var(--wp--preset--color--white, #ffffff) ; height: auto; } .popup-builder-modal.pbbff805c .popupkit-container-overlay { background-color: #9DFF20; background-position: center center; opacity: 1; } } @media (max-width: 768px) { .popup-builder-modal.pbbff805c { background: #00000050 ; } .popup-builder-modal.pbbff805c .popup-builder-content { background: var(--wp--preset--color--white, #ffffff) ; height: auto; } .popup-builder-modal.pbbff805c .popupkit-container-overlay { background-color: #9DFF20; background-position: center center; opacity: 1; } }