.popup-builder-modal.pbb95a3e0 { height: 100%; } .popup-builder-modal.pbb95a3e0 .popup-builder-content { box-shadow: 0px 20px 30px #4d12ab66; overflow: auto; } .popup-builder-modal.pbb95a3e0 .popup-builder-close { fill: var(--wp--preset--color--white, #ffffff); background-color: #ffffff1a; } .popup-builder-modal.pbb95a3e0 .popup-builder-close:hover { fill: #251c40; background-color: var(--wp--preset--color--white, #ffffff); } .popup-builder-modal.pbb95a3e0 { background: #23015bcc ; justify-content: center; align-items: center; } .popup-builder-modal.pbb95a3e0 .popup-builder-container { width: 402px; } .popup-builder-modal.pbb95a3e0 .popup-builder-close:before { border-radius: 100%; } .popup-builder-modal.pbb95a3e0 .popup-builder-content { background: #9c5ef4 ; height: auto; border-radius: 0px; padding: 43px 40px 60px 50px; } .popup-builder-modal.pbb95a3e0 .popup-builder-close { font-size: 11px; border-radius: 100%; padding: 12px; } @media (max-width: 1024px) { .popup-builder-modal.pbb95a3e0 { background: #23015bcc ; } .popup-builder-modal.pbb95a3e0 .popup-builder-content { background: #9c5ef4 ; height: auto; } } @media (max-width: 768px) { .popup-builder-modal.pbb95a3e0 { background: #23015bcc ; } .popup-builder-modal.pbb95a3e0 .popup-builder-container { width: 300px; } .popup-builder-modal.pbb95a3e0 .popup-builder-content { background: #9c5ef4 ; height: auto; padding-right: 30px; padding-left: 30px; } .popup-builder-modal.pbb95a3e0 .popup-builder-close { right: 12px; top: 12px; } }