<div class="logo__button">
<div class="contact-us"><a href="#contact_form_pop_up" class="fancybox-inline">Заказать звонок</a>
</div>
<div style="display:none" class="fancybox-hidden">
<div id="contact_form_pop_up">
<?php echo do_shortcode('[contact-form-7 id="332" title="Контактная форма 1"]'); ?>
</div>
</div>
</div>.contact-us a {
background-color: var(--main-black); /*цвет фона*/
padding: 19px 38px; /*внутренние отступы*/
display: block;
border: none;
text-transform: uppercase;
cursor: pointer;
text-align: center; /*выравнивание текста по центру*/
color: var(--main-yelow); /*цвет текста*/
text-decoration: none; /*убрать подчёркивание у ссылки*/
font-size: 1rem;
margin: auto; /*выравнивание кнопки по центру*/
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
/**Плавное появление тени у кнопки при наведении**/
.contact-us a:hover {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: var(--main-red);
color: var(--main-white);
}
.wpcf7 {
background:#FFEC00!important; /*цвет границы*/
padding:20px 20px 20px 20px!important;
text-align:center;
font-size:17px;
}
.wpcf7 h2{
text-transform:uppercase;
font-size:20px;
color:#750000;
margin-bottom:15px;
}
.wpcf7-text{
margin-bottom:10px;
padding:5px;
border:1px solid #6e6e6e;
}
.wpcf7-text:focus{
-moz-box-shadow: 0 0 6px #004080!important;
-webkit-box-shadow: 0 0 6px #004080!important;
box-shadow:0 0 6px #004080!important;
}
.wpcf7-submit{
background: var(--main-black);
color:yellow!important;
text-shadow:none!important;
text-transform:uppercase;
margin-top:20px;
border: none!important;
}
.wpcf7-submit:hover{
background: #D33232!important;
color: #ffffff!important;
}
.wpcf7-not-valid{
border:1px solid red!important;
}
.wpcf7-response-output{
background:#fff;
border-radius:10px!important;
-moz-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
box-shadow:0 0 6px #000;
}