/*--------------------------------------------------------------------------*\
	Link in menu item
\*--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------*\
        Floating
\*--------------------------------------------------------------------------*/

.tab--floating .tab__menu-link {
    /*box*/
    padding: 8px 15px;
    margin: 0px 8px;
    /* unsightly if button too narrow (when text small) */
    min-width: 130px;

    /*border*/
    border-radius: 20px;

    /*text*/
    font-size: var(--fs-sm);
    color: var(--c-primary-4);
}

/*--------------------------------------------------------------------------*\
            Hover and active
\*--------------------------------------------------------------------------*/

.tab--floating[data-index="1"] .tab__menu-item:not(:nth-child(1))>.tab__menu-link:hover,
.tab--floating[data-index="2"] .tab__menu-item:not(:nth-child(2))>.tab__menu-link:hover,
.tab--floating[data-index="3"] .tab__menu-item:not(:nth-child(3))>.tab__menu-link:hover,
.tab--floating[data-index="4"] .tab__menu-item:not(:nth-child(4))>.tab__menu-link:hover,
.tab--floating[data-index="5"] .tab__menu-item:not(:nth-child(5))>.tab__menu-link:hover,
.tab--floating[data-index="6"] .tab__menu-item:not(:nth-child(6))>.tab__menu-link:hover,
.tab--floating[data-index="7"] .tab__menu-item:not(:nth-child(7))>.tab__menu-link:hover,
.tab--floating[data-index="8"] .tab__menu-item:not(:nth-child(8))>.tab__menu-link:hover,
.tab--floating[data-index="9"] .tab__menu-item:not(:nth-child(9))>.tab__menu-link:hover,
.tab--floating[data-index="10"] .tab__menu-item:not(:nth-child(10))>.tab__menu-link:hover,
.tab--floating[data-index="11"] .tab__menu-item:not(:nth-child(11))>.tab__menu-link:hover,
.tab--floating[data-index="12"] .tab__menu-item:not(:nth-child(12))>.tab__menu-link:hover,
.tab--floating[data-index="13"] .tab__menu-item:not(:nth-child(13))>.tab__menu-link:hover,
.tab--floating[data-index="14"] .tab__menu-item:not(:nth-child(14))>.tab__menu-link:hover,
.tab--floating[data-index="15"] .tab__menu-item:not(:nth-child(15))>.tab__menu-link:hover,
.tab--floating[data-index="16"] .tab__menu-item:not(:nth-child(16))>.tab__menu-link:hover,
.tab--floating[data-index="17"] .tab__menu-item:not(:nth-child(17))>.tab__menu-link:hover,
.tab--floating[data-index="18"] .tab__menu-item:not(:nth-child(18))>.tab__menu-link:hover,
.tab--floating[data-index="19"] .tab__menu-item:not(:nth-child(19))>.tab__menu-link:hover,
.tab--floating[data-index="20"] .tab__menu-item:not(:nth-child(20))>.tab__menu-link:hover,
.tab--floating[data-index="1"] .tab__menu-item:nth-child(1)>.tab__menu-link,
.tab--floating[data-index="2"] .tab__menu-item:nth-child(2)>.tab__menu-link,
.tab--floating[data-index="3"] .tab__menu-item:nth-child(3)>.tab__menu-link,
.tab--floating[data-index="4"] .tab__menu-item:nth-child(4)>.tab__menu-link,
.tab--floating[data-index="5"] .tab__menu-item:nth-child(5)>.tab__menu-link,
.tab--floating[data-index="6"] .tab__menu-item:nth-child(6)>.tab__menu-link,
.tab--floating[data-index="7"] .tab__menu-item:nth-child(7)>.tab__menu-link,
.tab--floating[data-index="8"] .tab__menu-item:nth-child(8)>.tab__menu-link,
.tab--floating[data-index="9"] .tab__menu-item:nth-child(9)>.tab__menu-link,
.tab--floating[data-index="10"] .tab__menu-item:nth-child(10)>.tab__menu-link,
.tab--floating[data-index="11"] .tab__menu-item:nth-child(11)>.tab__menu-link,
.tab--floating[data-index="12"] .tab__menu-item:nth-child(12)>.tab__menu-link,
.tab--floating[data-index="13"] .tab__menu-item:nth-child(13)>.tab__menu-link,
.tab--floating[data-index="14"] .tab__menu-item:nth-child(14)>.tab__menu-link,
.tab--floating[data-index="15"] .tab__menu-item:nth-child(15)>.tab__menu-link,
.tab--floating[data-index="16"] .tab__menu-item:nth-child(16)>.tab__menu-link,
.tab--floating[data-index="17"] .tab__menu-item:nth-child(17)>.tab__menu-link,
.tab--floating[data-index="18"] .tab__menu-item:nth-child(18)>.tab__menu-link,
.tab--floating[data-index="19"] .tab__menu-item:nth-child(19)>.tab__menu-link,
.tab--floating[data-index="20"] .tab__menu-item:nth-child(20)>.tab__menu-link {
    /*background*/
    background-color: var(--c-primary-2);

    /*text*/
    color: var(--c-tertiary-4);
}