.callback_form_modal
    {
    position: fixed;
    top: 20%;
    width: 50%;
    margin: 0 auto;
    background: #000;
    padding: 20px;
    text-align: center;
    border: 3px #fff solid;
    box-sizing: border-box;
    box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    transition: all 0.5s ease;

    left: 100%;
    opacity: 0;
    z-index: 9999;
    }
.callback_form_modal  input[type='text']
    {
    font-size: 24px;
    margin: 20px auto 50px auto;
    }


.callback_form_modal.active
    {
    left: 25%;
    opacity: 1;
    }

.callback_form_modal h3 
    {
    font-size: 32px;
    line-height: 32px;
    }
.callback_form_modal .alert 
    {
    color: #fff;
    padding: 30px 0;
    margin: 20px 0;
    }

.callback_form_modal .h3_like 
    {
    font-size: 32px;
    line-height: 32px;
    margin: 10px 0;
    float: none;
    display: inline-block;
    }
.callback_form_modal .phone_text 
    {
    width: 100%;
    max-width: 600px;
    font-size: 36px;
    text-transform: uppercase;
    margin: 20px 0;
    text-align: center;
    }

.callback_form_modal .close_callback
    {
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 58px;
    line-height: 58px;
    font-weight: 200;
    cursor: pointer;
    }

.callback_form_modal .sub_button
    {
    font-size: 24px;
    padding: 5px 10px;
    border: 0;
    text-decoration: none;
    cursor: pointer;
    }

.response_form_layout
    {
    display: none;
    }



/* Callback button */
.callback_button 
    {
    --icon-width: 60px;

    z-index: 100;
    position: fixed;

    border-radius: 50%;
    border: 2px #fff solid;
    color: #fff;

    cursor: pointer;
    right: 50px;
    bottom: 50px;
    width: var(--icon-width);
    height: var(--icon-width);
    box-shadow: 0 0 10px rgba(0,0,0,0.4);


    background-color: rgba(0,0,0,0.6);
    background-image: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.4375 25C20.6134 25 17.8067 24.3056 15.0174 22.9167C12.228 21.5278 9.72222 19.7222 7.5 17.5C5.27778 15.2778 3.47222 12.772 2.08333 9.98264C0.694444 7.19329 0 4.38657 0 1.5625C0 1.11606 0.148808 0.744039 0.446423 0.446423C0.744039 0.148808 1.11606 0 1.5625 0H6.42361C6.73868 0 7.02 0.109954 7.26757 0.329861C7.51512 0.549769 7.67361 0.844907 7.74306 1.21528L8.68056 5.59028C8.72685 5.91435 8.72107 6.20949 8.66319 6.47569C8.60532 6.7419 8.4838 6.96759 8.29861 7.15278L4.82639 10.6597C6.12269 12.8125 7.57523 14.6875 9.18403 16.2847C10.7928 17.8819 12.6157 19.2361 14.6528 20.3472L17.9514 16.9444C18.1829 16.6898 18.4491 16.5104 18.75 16.4062C19.0509 16.3021 19.3519 16.2847 19.6528 16.3542L23.7847 17.2569C24.1392 17.3351 24.4303 17.5109 24.6582 17.7843C24.8861 18.0577 25 18.3796 25 18.75V23.4375C25 23.8839 24.8512 24.256 24.5536 24.5536C24.256 24.8512 23.8839 25 23.4375 25ZM3.78472 8.75L6.59722 5.90278L5.79861 2.08333H2.08333C2.08333 2.98611 2.22222 3.97569 2.5 5.05208C2.77778 6.12847 3.20602 7.36111 3.78472 8.75ZM16.5972 21.3542C17.5463 21.794 18.5764 22.1528 19.6875 22.4306C20.7986 22.7083 21.875 22.8704 22.9167 22.9167V19.2014L19.3403 18.4722L16.5972 21.3542Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-position: center center;
    }
    .callback_button:hover
        {
        animation: ring_ring 1s infinite ease-in-out;
        outline: 0;
        }
    @keyframes ring_ring {
         0%  {transform: rotate(0) scale(1) skew(1deg)     }
        10%  {transform: rotate(-25deg) scale(1) skew(1deg)}
        20%  {transform: rotate(25deg) scale(1) skew(1deg) }
        30%  {transform: rotate(-25deg) scale(1) skew(1deg)}
        40%  {transform: rotate(25deg) scale(1) skew(1deg) }
        50%  {transform: rotate(0) scale(1) skew(1deg)     }
        100% {transform: rotate(0) scale(1) skew(1deg)     }
        }


/* ============================================================================ */
/* Телефон - меньше 900px   =================================================== */
/* ============================================================================ */
@media (max-width: 900px) {

.callback_form_modal
    {
    width: 98%;
    }
.callback_form_modal.active
    {
    left: 1%;
    }
.callback_form_modal .h3_like 
    {
    margin-top: 50px;
    font-size: 24px;
    line-height: 24px;
    }

.callback_button 
    {
    right: 20px;
    bottom: 20px;
    }

}