ul{list-style:none}.example-2{display:flex;justify-content:center;align-items:center}.example-2 .icon-content{margin:0 10px;position:relative}.example-2 .icon-content .tooltip{position:absolute;top:-30px;left:50%;transform:translateX(-50%);color:#fff;padding:6px 10px;border-radius:5px;opacity:0;visibility:hidden;font-size:14px;transition:all .3s ease;background-color:rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(4px)}.example-2 .icon-content:hover .tooltip{opacity:1;visibility:visible;top:60px}.example-2 .icon-content a{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;color:#d1d5db;background-color:#111827;border:1px solid #374151;transition:all .3s ease-in-out}.example-2 .icon-content a:hover{box-shadow:0 0 15px 0 rgba(217,119,6,.3);border-color:rgba(217,119,6,.5)}.example-2 .icon-content a svg{position:relative;z-index:1;width:30px;height:30px}.example-2 .icon-content a:hover{color:white}.example-2 .icon-content a .filled{position:absolute;top:auto;bottom:0;left:0;width:100%;height:0;transition:all .3s ease-in-out}.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=github]~.tooltip,.example-2 .icon-content a[data-social=instagram]~.tooltip,.example-2 .icon-content a[data-social=linkedin]~.tooltip{border:1px solid rgba(217,119,6,.3)}@media (max-width:768px){.example-2 .icon-content:hover .tooltip{display:none}.example-2 .icon-content a{width:45px;height:45px}.example-2 .icon-content a svg{width:22px;height:22px}.example-2 .icon-content{margin:0 5px}.icon-content a svg{transform:rotate(90deg);transform-origin:center}}