.bbk-cta-container{display:flex;#bbk-cta-button{background-color:var(--wp--preset--color--secondary-color);border:0;font-weight:700;margin:.5em 0;outline:0;padding:.5em .7em;transition:background-color .3s ease-in-out;&:hover{background-color:#000}}}#bbk-cta-popup{animation:fade-in .3s ease-in-out;background-color:var(--wp--preset--color--main-color);border-radius:5px;box-shadow:5px 5px 40px #00000080;color:#fff;display:none;left:0;margin:auto;max-width:80%;padding:2em;position:fixed;right:0;top:50%;transform:translateY(-50%);transition:opacity .3s ease-in-out,background-color .3s ease-in-out;width:600px;z-index:999;& h2{margin-bottom:.25em}#bbk-cta-popup-close{align-items:center;background-color:initial;border:0;color:inherit;display:flex;height:2.5em;justify-content:center;line-height:1;margin:0;outline:0;padding:0;position:absolute;right:0;top:0;transition:color .2s ease-in-out;width:2.5em;>span{display:inline-flex;font-size:2.5em;height:auto;width:auto}&:hover{color:#000}}& .text{display:flex;flex-direction:column;line-height:1.3em}#bbk-cta-form-container{max-height:600px;overflow:hidden;transition:opacity .3s ease-in-out,max-height .4s ease-in-out}& form{& input,& textarea{appearance:none;border:2px solid;box-shadow:none;outline:0;padding:.7em;&:active,&:focus{border-color:var(--wp--preset--color--accent-color)}}& label{display:block;margin-bottom:.7em}& .h-field{display:block;height:1px;margin:0;opacity:0;overflow:hidden}& button{background-color:var(--wp--preset--color--accent-color);border:2px solid;color:#000;display:flex;outline:0;padding:.6em 1.6em}& .form-group{display:flex;gap:.7em;>label{flex:1}}}#bkk-preface{max-height:300px}#bbk-conditions,#bkk-preface{overflow:hidden;transition:opacity .3s ease-in-out,max-height .4s ease-in-out}#bbk-conditions{font-size:.8em;margin-top:1em;max-height:0;opacity:0;& a{filter:drop-shadow(0 0 2px rgba(255,255,255,.2));transition:color .2s ease-in-out;&:hover{color:#fff}}}#bbk-conditions-button{align-items:center;appearance:none;background-color:initial;border:0;color:inherit;display:flex;gap:.5em;margin:1em 0 0;outline:0;padding:0;>span{transition:transform .3s ease-in-out}}&.has-error{background-color:var(--wp--preset--color--error-color)}}@keyframes fade-in{0%{opacity:0;transform:translateY(-45%)}to{opacity:1;transform:translateY(-50%)}}@keyframes shake{0%{transform:translateY(-50%)}25%{transform:translate(.5%,-50%)}75%{transform:translate(-.5%,-50%)}to{transform:translateY(-50%)}}@media screen and (width <= 780px){.main-navigation{& .primary-navigation{align-items:center}}#bbk-cta-popup{max-width:94%;padding:1.3em;.form-group{flex-direction:column;margin-bottom:.7em;>label{margin-bottom:0}}#bbk-cta-popup-close{height:1.7em;width:1.7em;>span{font-size:1.7em}}}}