.flip-link-26479 {
    display: inline-flex;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    line-height: 1.2;
}

.flip-text-26479 {
    display: inline-block;
    position: relative;
}

.flip-char-26479 {
    display: inline-block;
    position: relative;
    transition: transform 0.4s cubic-bezier(0.1, 0.5, 0.5, 1);
}

.flip-char-26479::before {
    content: attr(data-char);
    position: absolute;
    top: 100%;
    left: 0;
    color: var(--hover-color, #0557FF);
    transform-origin: top;
    transform: rotateX(-90deg);
}

.flip-link-26479:hover .flip-char-26479 {
    transform: translateY(-100%) rotateX(90deg);
}