.wp-block-navigation .wp-block-navigation-item__content {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 4px;

    padding: 6px 0;
    color: inherit;
    text-decoration: none;

    transition:
        color 0.2s ease,
        transform 0.2s ease;
}

.wp-block-navigation .wp-block-navigation-item__content::after {
    content: "";
    position: absolute;
    left: 10%;
    bottom: 0;

    width: 80%;
    height: 3px;

    background-color: #e10600;
    border-radius: 999px;

    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.25s ease;
}

.wp-block-navigation .wp-block-navigation-item__content:hover {
    color: #e10600;
    transform: translateY(-1px);
}

.wp-block-navigation .wp-block-navigation-item__content:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

.wp-block-navigation .current-menu-item>.wp-block-navigation-item__content,
.wp-block-navigation .current-menu-parent>.wp-block-navigation-item__content,
.wp-block-navigation .current-menu-ancestor>.wp-block-navigation-item__content {
    color: #e10600;
}

.wp-block-navigation .current-menu-item>.wp-block-navigation-item__content::after,
.wp-block-navigation .current-menu-parent>.wp-block-navigation-item__content::after,
.wp-block-navigation .current-menu-ancestor>.wp-block-navigation-item__content::after {
    transform: scaleX(1);
    transform-origin: left;
}

.wp-block-navigation .wp-block-navigation-item__content:focus-visible {
    outline: 2px solid #e10600;
    outline-offset: 4px;
    border-radius: 4px;
}

.wp-block-navigation .wp-block-navigation-item__content:focus-visible::after {
    transform: scaleX(1);
    transform-origin: left;
}