.social_max_wrapper
{
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 10;    
}

.social_max_wrapper .button 
{
    display: block;
    width: 70px;
    height: 70px;
    padding: 12px;

    overflow: hidden;
    cursor: pointer;
    border-radius: 10px;
    box-shadow: 0 0 10px #7722e8;
    
    
    background: linear-gradient(45deg, #46c1fc, #8f4fe3);
    animation: glowing_max 1300ms infinite;
}
.social_max_wrapper .button svg {width: 100%; height: 100%;}
.social_max_wrapper .descr {display: none; margin-left: 20px; padding-left: 20px; background-color: #FFF; border: 1px solid var(--OPTION_BASE_COLOR); padding: 20px; border-radius: 10px;}
.social_max_wrapper:hover .descr {display: block;}


@keyframes glowing_max {
    50% {background-color: #8f4fe3; box-shadow: 0 0 20px #8c52e5; }
    100% {background-color: #8c52e5; box-shadow: 0 0 10px #8f4fe3; }
}


@media screen and (max-width: 1348px)
{

}


/*.col-xl-  (>= 1200px)*/
@media screen and (min-width: 1200px)
{
       
}
/*.col-lg-  (>= 992px)*/
@media screen and (max-width: 1200px)
{
    .social_max_wrapper {position: fixed; bottom: 10px; left: 10px; z-index: 10;} 
    .social_max_wrapper .button {width: 50px; height: 50px; padding: 8px;}
}
/*.col-md-  (>= 768px)*/
@media screen and (max-width: 991px)
{
    
}
/*.col-sm-  (>= 576px)*/
@media screen and (max-width: 767px)
{
    
}
/*.col-*/
@media screen and (max-width: 575px)
{
    
}