.itl-wrapper {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    transition: all 0.3s ease;
    gap: 10px;
    cursor: pointer;
}

.itl-icon, .itl-image {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.itl-icon-hover {
    display: none;
}

.itl-wrapper:hover .itl-icon-default {
    display: none;
}

.itl-wrapper:hover .itl-icon-hover {
    display: inline-flex;
}

.itl-text {
    transition: color 0.3s ease;
}