.popup-builder-modal.pbbf4d9ac { height: 100%; } .popup-builder-modal.pbbf4d9ac .popup-builder-content { box-shadow: 0px 20px 30px -10px #090b0f4d; overflow: auto; } .popup-builder-modal.pbbf4d9ac .popup-builder-close { fill: #ffffff80; } .popup-builder-modal.pbbf4d9ac .popup-builder-close:hover { fill: var(--wp--preset--color--white, #ffffff); } .popup-builder-modal.pbbf4d9ac { background: #ffffffb3 ; justify-content: center; align-items: center; } .popup-builder-modal.pbbf4d9ac .popup-builder-container { width: 370px; } .popup-builder-modal.pbbf4d9ac .popup-builder-content { background: var(--wp--preset--color--white, #ffffff) ; height: auto; border-radius: 0px; padding: 50px 40px 60px 40px; } .popup-builder-modal.pbbf4d9ac .popup-builder-close { font-size: 16px; } @media (max-width: 1024px) { .popup-builder-modal.pbbf4d9ac { background: #ffffffb3 ; } .popup-builder-modal.pbbf4d9ac .popup-builder-content { background: var(--wp--preset--color--white, #ffffff) ; height: auto; } } @media (max-width: 768px) { .popup-builder-modal.pbbf4d9ac { background: #ffffffb3 ; } .popup-builder-modal.pbbf4d9ac .popup-builder-container { width: 300px; } .popup-builder-modal.pbbf4d9ac .popup-builder-content { background: var(--wp--preset--color--white, #ffffff) ; height: auto; padding-right: 20px; padding-left: 20px; } }