.social-btns a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0.25rem;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #fff;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

.social-btns a:hover {
    transform: translateY(-3px) scale(1.1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* Brand Colors */
.yt {
    background: #FF0000;
}

.fb {
    background: #3b5998;
}

.ig {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.tt {
    background: #010101;
}

.li {
    background: #0077b5;
}

.tg {
    background: #0088cc;
}

.pt {
    background: #E60023;
}

/* Icon Animations */
.social-btns a i {
    transition: transform 0.3s ease-in-out;
}

.social-btns a:hover i {
    transform: rotate(12deg) scale(1.2);
}