.bg-gray-800{direction:rtl}ul{list-style:none}a[href*=site-builder]{color:#22c55e!important}a[href*=cloud-builder]{color:#3b82f6!important}a[href*=about-us]{color:#a3a2a2!important}a[href*=brand]{color:#60a5fa!important}.example-2 .icon-content a[data-social=telegram] .filled,.example-2 .icon-content a[data-social=telegram]~.tooltip{background-color:#08c}.example-2{align-items:center;display:flex;justify-content:center}.example-2 .icon-content{margin:0 10px;position:relative}.example-2 .icon-content .tooltip{border-radius:5px;color:#fff;font-size:10px;left:50%;opacity:0;padding-inline:10px;position:absolute;top:-30px;transform:translate(-50%);transition:all .3s ease;visibility:hidden}.example-2 .icon-content:hover .tooltip{opacity:1;top:-35px;visibility:visible}.example-2 .icon-content a{align-items:center;background-color:#fff;border-radius:50%;color:#4d4d4d;display:flex;height:50px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease-in-out;width:50px}.example-2 .icon-content a:hover{box-shadow:3px 2px 45px #0000001f}.example-2 .icon-content a svg{height:30px;position:relative;width:30px;z-index:1}.example-2 .icon-content a:hover{color:#fff}.example-2 .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%}.example-2 .icon-content a:hover .filled{height:100%}.example-2 .icon-content a[data-social=linkedin] .filled,.example-2 .icon-content a[data-social=linkedin]~.tooltip{background-color:#0274b3}.example-2 .icon-content a[data-social=github] .filled,.example-2 .icon-content a[data-social=github]~.tooltip{background-color:#24262a}.example-2 .icon-content a[data-social=instagram] .filled,.example-2 .icon-content a[data-social=instagram]~.tooltip{background:linear-gradient(45deg,#405de6,#5b51db,#b33ab4,#c135b4,#e1306c,#fd1f1f)}.example-2 .icon-content a[data-social=youtube] .filled,.example-2 .icon-content a[data-social=youtube]~.tooltip{background-color:red}