/**
 * Socials ikony
 *
 * Pôvodne WPCode snippet #495 (STYLE).
 */

.as-social-btns-wrap{
                    width:100%;
                    display:flex;
                    justify-content:flex-start;
                    align-items:center;
                    padding:10px 0;
                }

                .as-social-btns{
                    height:90px;
                    margin:0;
                    font-size:0;
                    text-align:center;
                    display:flex;
                    justify-content:center;
                    align-items:center;
                    gap:20px;
                    flex-wrap:wrap;
                }

                .as-social-btn{
                    position:relative;
                    display:inline-flex;
                    align-items:center;
                    justify-content:center;
                    width:90px;
                    height:90px;
                    background:#fff;
                    text-align:center;
                    overflow:hidden;
                    border-radius:28%;
                    box-shadow:0 5px 15px -5px rgba(0,0,0,.16);
                    opacity:.99;
                    text-decoration:none;
                    transition:all .35s;
                    transition-timing-function:cubic-bezier(0.310,-0.105,0.430,1.590);
                    flex:0 0 auto;
                }

                .as-social-btn::before{
                    content:'';
                    width:120%;
                    height:120%;
                    position:absolute;
                    top:90%;
                    left:-110%;
                    transform:rotate(45deg);
                    transition:all .35s;
                    transition-timing-function:cubic-bezier(0.310,-0.105,0.430,1.590);
                }

                .as-social-btn__icon{
                    position:relative;
                    z-index:2;
                    display:flex;
                    align-items:center;
                    justify-content:center;
                    width:38px;
                    height:38px;
                    transform:scale(1);
                    transition:all .35s;
                    transition-timing-function:cubic-bezier(0.310,-0.105,0.430,1.590);
                    line-height:1;
                }

                .as-social-btn__icon svg{
                    width:38px;
                    height:38px;
                    display:block;
                    max-width:38px;
                    max-height:38px;
                    overflow:visible;
                }

                .as-social-btn.instagram::before{
                    background:#E4405F;
                }
                .as-social-btn.instagram .as-social-btn__icon{
                    color:#E4405F;
                }

                .as-social-btn.youtube::before{
                    background:#FF0000;
                }
                .as-social-btn.youtube .as-social-btn__icon{
                    color:#FF0000;
                }

                .as-social-btn.facebook::before{
                    background:#3B5998;
                }
                .as-social-btn.facebook .as-social-btn__icon{
                    color:#3B5998;
                }

                .as-social-btn:hover::before,
                .as-social-btn:focus-visible::before{
                    top:-10%;
                    left:-10%;
                }

                .as-social-btn:hover .as-social-btn__icon,
                .as-social-btn:focus-visible .as-social-btn__icon{
                    color:#fff;
                    transform:scale(1.2);
                }

                .as-social-btn:focus-visible{
                    outline:none;
                }

                @media (max-width: 767px){
                    .as-social-btns{
                        gap:14px;
                        height:auto;
                    }

                    .as-social-btn{
                        width:78px;
                        height:78px;
                    }

                    .as-social-btn__icon,
                    .as-social-btn__icon svg{
                        width:32px;
                        height:32px;
                        max-width:32px;
                        max-height:32px;
                    }
                }