ul{list-style:none}.socials{align-items:center;display:flex;justify-content:center}.socials .icon-content{margin:0 5px;position:relative}.socials .icon-content .tooltip{border-radius:5px;color:#fff;font-size:14px;left:50%;opacity:0;padding:4px 5px;position:absolute;top:-30px;transform:translateX(-50%);transition:all .3s ease;visibility:hidden}.socials .icon-content:hover .tooltip{opacity:1;top:-50px;visibility:visible}.socials .icon-content a{align-items:center;background-color:#fff;border-radius:50%;color:#4d4d4d;display:flex;height:30px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease-in-out;width:30px}.socials .icon-content a:hover{box-shadow:3px 2px 45px 0 rgba(0,0,0,.12)}.socials .icon-content a svg{height:20px;position:relative;width:20px;z-index:1}.socials .icon-content a:hover{color:#fff}.socials .icon-content a .filled{background-color:#000;bottom:0;height:0;left:0;position:absolute;top:auto;transition:all .3s ease-in-out;width:100%}.socials .icon-content a:hover .filled{height:100%}.socials .icon-content a[data-social=facebook] .filled,.socials .icon-content a[data-social=facebook]~.tooltip{background-color:#4267b2}.socials .icon-content a[data-social=youtube] .filled,.socials .icon-content a[data-social=youtube]~.tooltip{background-color:red}.socials .icon-content a[data-social=linkedin] .filled,.socials .icon-content a[data-social=linkedin]~.tooltip{background-color:#0e76a8}.socials .icon-content a[data-social=twitter] .filled,.socials .icon-content a[data-social=twitter]~.tooltip{background-color:#14171a}.socials .icon-content a[data-social=tiktok] .filled,.socials .icon-content a[data-social=tiktok]~.tooltip{background-color:#ff0050}.socials .icon-content a[data-social=instagram] .filled,.socials .icon-content a[data-social=instagram]~.tooltip{background:linear-gradient(45deg,#405de6,#5b51db,#b33ab4,#c135b4,#e1306c,#fd1f1f)}