.text-gradient {
    background: -webkit-linear-gradient(135deg, #1e30f3 0%, #e21e80 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: none;
}

.background-gradient {
    background: linear-gradient(135deg, #1e30f3 0%, #e21e80 100%);
}

.icon {
    color: #DEE2E6;
}
  
/* .link-effect {
    font-style: italic;
    background: linear-gradient(135deg, #1e30f3 0%, #e21e80 100%);
    background-size: 500%;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    animation: gradientText 3s ease-in-out infinite;
    transition: filter 0.3s ease-in-out;
    position: relative;
} */

.link-effect {
    background: -webkit-linear-gradient(135deg, #1e30f3 0%, #e21e80 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: none;
    position: relative;
    font-style: italic;
}

.link-effect::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-size: 500%;
    height: 0.1rem; /* Adjust thickness of underline */
    background: -webkit-linear-gradient(135deg, #1e30f3 0%, #e21e80 100%);
    transition: all 0.25s ease-in-out;
}

.link-effect:hover::after {
    transform: scaleX(0);
}

/* @keyframes gradientText {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
} */