.c3-navigation-button {
    --c3-navigation-button-size: 20px;
    --c3-navigation-button-icon-spacing: 6px;
    --c3-navigation-button-color: var(--e-global-color-primary);
    --c3-navigation-button-color-hover: var(--e-global-color-accent);
    --c3-navigation-button-color-active: var(--e-global-color-primary);
}

.c3-navigation-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    z-index: 999;
    padding: 10px;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    color: var(--c3-navigation-button-color);
    pointer-events: auto;
    cursor: pointer;
    transition: none;
}

.c3-navigation-button--left {
    margin-right: auto;
}

.c3-navigation-button--center {
    margin: auto;
}

.c3-navigation-button--right {
    margin-left: auto;
}

.c3-navigation-button:hover,
.c3-navigation-button:focus {
    background-color: transparent;
    outline: 0;
}

.c3-navigation-button__icon {
    display: block;
    width: var(--c3-navigation-button-size);
    height: 24px;
    position: relative;
    transform: rotate(0deg);
    transition: transform 300ms;
}

.c3-navigation-button__icon:before,
.c3-navigation-button__icon:after {
    content: '';
    display: block;
    width: calc(100% + 10px);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: center / contain no-repeat;
    pointer-events: none;
    transition: top 300ms, bottom 300ms, opacity 300ms;
}

.c3-navigation-button__icon:before {
    height: 20px;
    bottom: 100%;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 42.347 20.054" xmlns="http://www.w3.org/2000/svg" fill="%23FAB72D"><path d="m20.154 2.7459e-5c-5.9865 0.008309-11.829 1.9024-16.232 6.6348-0.05497 0.17518-0.47829 0.29064-0.21094 0.52344-0.19333 0.16877-0.29396 0.38495-0.52539 0.375-0.52002 1.2181-1.4962 2.2843-1.9238 3.5059-1.085 2.4347-2.0657 5.5815-0.26172 7.7383-0.3345 0.2073-0.44368-0.41634-0.73633-0.11914-0.059967 0.3074 0.021818 0.5322 0.19922 0.7168 0.43444 0.638 1.2756 0.49634 1.8359 0.43164-0.03561 0.0286-0.0622 0.061-0.09375 0.0918 1.7334 0.0337 3.5085 0.25821 5.2207 0.09961 1.5657-0.1451 3.0805-0.68499 4.6387-0.90039 1.1687-0.1615 2.3436-0.22273 3.5195-0.23633 1.3617-0.4252 2.7229-0.85491 4.1602-1.0703 2.7132-0.4065 5.6322-0.18045 8.3516 0.12695 3.2313 0.3652 6.1814 1.3519 9.4512 1.4824 0.6571 0.0263 1.303 0.09307 1.9492 0.16797-0.0097-0.0242-0.01634-0.04301-0.02734-0.07031l0.32422 0.01172c0.0993 0.0282 0.2495 0.07367 0.3457 0.13476 0.1327 0.0167 0.26504 0.02998 0.39844 0.04687 0.1693 0.0215 0.49148 0.03291 0.76758 0.06641 0.1262-0.0924 0.25271-0.18494 0.37891-0.27734 0.1218-0.1163 0.25212-0.21915 0.38672-0.31055 0.0287-0.2727 0.09714-0.52795 0.27734-0.74805l-0.13867-0.0059-0.05273-0.88867c0.1668-0.6122 0.21119-1.5844-0.32031-2.1387l0.14843-0.16989c-0.3433-4.6634-3.6521-8.3874-7.1289-11.455l-2.627-1.4375c-3.8152-1.4545-7.9782-2.3319-12.074-2.3262zm3.5078 2.0117 0.13086 0.18359c0.0965-0.08448 0.2441-0.25623 0.375-0.074219 2.5885 0.19735 4.7813 0.9081 7.0566 1.8887 0.787 0.03279 1.5589 0.42024 2.3359 0.67383 3.4019 1.6916 5.7923 5.2012 6.1855 8.7598l0.21875 0.27539c0.4001 1.3892 0.04056 3.1901 0.06836 4.6074-3.1889 0.7526-5.4413-1.733-8.4727-1.373-4.7324 0.0243-10.39-1.0529-15.451 0.06445-2.6792 0.7737-5.4407 1.322-8.4141 1.4199-0.44288-0.4613-1.1622 0.03969-1.7656 0.05859-1.1216 0.1747-2.6321-0.24119-3.5781 0.16211-0.4129-0.1062-0.72504-0.38623-0.79688-0.83203 0.68396-0.7688 0.50367-1.8817 1.0527-2.7441-0.26298-1.3392 1.1087-1.9471 1.123-3.2754 0.62215-0.4159 0.55529-0.94953 0.85547-1.4238 0.90009-0.40517 0.95137-1.5539 1.9902-1.9531l-0.087891-0.09375c1.0647-0.97416 2.0427-2.0854 3.3711-2.7383 0.01401-0.3093 0.28284-0.076875 0.42773-0.20312l-0.0293-0.35547c0.4204-0.07095 1.4636-0.55821 1.7266-1.2559l0.22461 0.14258c1.1756-0.35 2.3621-0.9198 3.4961-1.3594 0.3764-0.11701 0.68076 0.33803 0.97656-0.048828 0.6459 0.07166 1.5971-0.46356 2.2773-0.125 0.2055-0.43425 0.7958-0.14487 1.0332-0.26758 1.0731-0.13259 2.5834 0.32891 3.6699-0.11328zm-1.7559 1.877-0.02148 0.43945c0.2983 0.58842 1.0123 1.2388 1.7129 1.1348 0.2539-0.47666-0.39048-0.59117-0.32618-0.98633-0.1834-0.05292-0.21038-0.45341-0.45898-0.10938-0.0909-0.0486-0.22798-0.097826-0.17578-0.22852-0.3158-0.19021-0.56357 0.15526-0.73047-0.25zm4.582 0.23242c0.2895 0.76454 0.80808 1.5846 1.7344 1.623-0.3685-1.0779-0.63598-1.3114-1.7344-1.623zm-9.9375 0.25c0.396 0.45955 0.81806 1.4061 1.752 1.2676 0.2398-0.16732-0.03407-0.31154-0.07227-0.49023-0.2529-0.54158-1.0338-0.70579-1.6797-0.77734zm14.566 1.0059 0.37305 0.94531c0.3139 0.23451 0.80833 0.60849 1.1406 0.44531 0.2471-0.34389-0.33281-0.85464-0.69141-1.1348l-0.0957 0.085937c-0.1221-0.36047-0.50167-0.20045-0.72656-0.3418zm-18.803 0.32227 0.60156 1.043c0.4047 0.28199 0.85512 0.56626 1.3242 0.45312 0.1933-1.1877-1.3008-0.98348-1.9258-1.4961zm22.455 1.9141 0.36719 1.123c0.2614 0.36505 0.76912 0.42923 1.2285 0.53711 0.1384-1.0122-1.0139-1.1928-1.5957-1.6602zm-25.748 0.11719c0.07054 0.48997 0.35895 1.2544 1.041 1.5488 0.4208-0.07189 0.6772 0.42744 1.1582 0.048828-0.4869-0.50696-0.82788-1.1873-1.4609-1.5234-0.33633 0.25161-0.416-0.016379-0.73828-0.074219zm18.246 0.67383c0.4409 0.50591 0.27638 2.0475 1.5469 1.6582 0.2877-0.20905 0.42667-0.15814 0.35547-0.64844-0.2676-0.23205-0.33074-0.89917-0.90234-0.56836-0.0425-0.09108-0.22633-0.14189-0.17383-0.27344-0.3283 0.07546-0.55077-0.11222-0.82617-0.16797zm-7.5703 0.21484c0.1133 0.5803 0.50276 1.1727 1.0977 1.3301 0.2586 0.45324 0.79104-0.055066 0.83984-0.097656-0.3283-0.94327-1.162-0.93415-1.9375-1.2324zm-4.5918 0.96094c0.0231 0.53195 0.57027 0.68846 0.73047 1.2266 0.2896-0.209 0.72281 0.47292 0.97461 0.04101 0.0403-0.88392-1.0664-1.0197-1.7051-1.2676zm-9.2441 0.32422c-0.07519 0.61681 0.60144 1.044 0.81445 1.4512 0.31982 0.1027 0.7286 0.29589 0.79297-0.09961-0.39481-0.5038-0.8225-1.2741-1.6074-1.3516zm26.09 0.51367c0.3379 0.7224 0.28696 1.826 1.3477 1.959 0.4772-0.2903 0.32028 0.10363 0.48828-0.50976-0.4832-0.5952-1.2063-1.024-1.8359-1.4492zm-21.857 1.2559c0.3476 0.5015 0.46833 0.90419 0.95703 1.3672 0.421-0.0708 0.76045 0.60661 1.0605 0.13281-0.0874-1.1114-1.243-1.2023-2.0176-1.5zm7.9883 0.81641 0.58594 1.3535 1.5059 0.55078c0.6056-0.0629 0.11871-0.57077 0.04102-0.88476-0.0528-0.8875-1.5051-0.55053-2.1328-1.0195zm6.0156 0.30078c-0.2151 0.6548 0.51819 0.8187 0.58789 1.3086 0.3988 0.415 0.70514-0.19135 1.0527 0.31055 0.6563-0.1497 0.10529-0.26164 0.30859-0.65234-0.2014-0.6729-1.2121-0.8475-1.9492-0.9668zm-9.1543 0.36914c-0.2499 0.3878 0.25773 0.45377 0.33203 0.85547 0.2105 0.4516 0.77864 0.2087 1.0566 0.2207 0.2783-1.0072-0.94647-0.61487-1.3887-1.0762zm16.693 0.11914c-0.1146 0.482 0.18266 1.0705 0.63086 1.3984 0.4157 0.0622 0.89964 0.61395 1.2441 0.18555-0.0503-0.9324-1.3375-1.1632-1.875-1.584zm-20.719 0.64062c-0.0278 0.6186 0.66139 0.78091 0.77539 1.3164 0.3283-0.0741 0.60467-0.01986 0.82617 0.21094l0.21094-0.56641c-0.2414-0.8072-1.215-0.84774-1.8125-0.96094z"/></svg>');
}

.c3-navigation-button__icon:after {
    height: 10px;
    top: 100%;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 46.869 10.311" xmlns="http://www.w3.org/2000/svg" fill="%23FAB72D"><path d="m42.17 0c-6.4086 0.20427-12.779 0.78773-19.213 0.76172-6.0463-0.024436-12.123 1.4476-18.145 1.2305 0.07604 0.13349-1.1136-0.060019-1.2227-0.068359-0.38672-0.02959-0.73287-0.11881-1.043-0.25-0.6986 0.13071-1.3953 0.26922-1.9629 0.85352 0.004752 0.87326-0.89116 1.1826-0.47266 1.6816 0.72207-0.3622 1.2609 0.44769 1.9648 0.47852-0.26049 0.9063-0.034443 1.7884 0.28516 2.5449 1.3128 2.2397 4.2998 2.4988 6.4512 2.7227 1.3631 0.10253 2.3817 0.016039 3.5742-0.019531 0.7524-0.05467 1.795 0.34051 2.3789 0.10351 1.9761 0.2171 4.0888 0.30787 6.0312 0.25977 0.935-0.177 1.8529-0.0065 2.6953-0.10156 0.3428 0.2336 0.61836-0.01566 0.97656-0.13086 0.6945 0.2478 1.7177 0.07393 2.4707 0.01953 0.3846 0.2785 1.0193-0.13226 1.4922 0.15039 0.4981-0.28379 1.2315 0.09788 1.7715-0.14062 1.4064 0.1041 2.6004 0.02483 4.0273-0.30664 0.4803 0.10818 0.80666-0.27086 1.2852-0.11914 1.1605-0.29911 2.4913-0.50382 3.8965-0.35547 0.2738-0.20696 0.79124 0.07784 1.1523-0.125 0.7791 0.33987 1.3059-0.55447 2.1328-0.30078 0.5807-0.14889 0.38065-0.63769 0.43945-0.98438 0.6472 0.33321 1.4582-0.023785 1.9121-0.31055-0.892-0.78089 0.2153-1.9113-0.4082-2.7676-0.2599-1.103 1.0609-1.0471 1.6621-1.6758l0.56641-1.8516c-1.3265-0.93041-3.0247-1.3973-4.666-1.207-0.0072-0.031932-0.024303-0.060416-0.033203-0.091797zm-11.131 1.1816c2.3275 0.23209 4.3045 1.4091 6.5195 0.19531 0.9804-0.21974 2.5034 0.23791 3.6621-0.017578 1.0964 0.13449 2.1621 0.00643 3.2988 0.23047 0.1625 0.31274-0.12362 0.78027-0.35352 0.98828-0.4598 0.4174-1.0514-0.13304-1.5781-0.19922-0.9766 0.13217-2.5672 0.195-3.3965-0.015625-0.3487-0.10201-0.73428 0.62261-1.1094 0.12695-4.3325 0.20533-8.1327-0.61354-12.189 0.3457-0.7048-0.02958-1.4059-0.1479-2.0742-0.0019531-0.39-0.14816-0.62098 0.059664-0.92578-0.041016-3.8955 0.31193-7.244 0.21131-11.029 1.0078-1.2327-0.05361-2.564 0.15078-3.791-0.033203-0.1937 0.38506-0.39479-0.060743-0.62109 0.060547-0.84589 0.18135-1.8461-0.12358-2.7695-0.20703-0.15802-0.39939-0.79334-0.034564-0.77344-0.4707 0.52247 0.15437 1.0416 0.39451 1.6113 0.46289 1.118-0.34412 1.9221-1.5334 3.1836-1.1289 0.58187-0.19296 1.0806 0.48288 1.6152 0.375 0.5685 0.11214 0.95998 0.21773 1.584 0.070312 0.4063-0.20078 1.0196-0.087709 1.3027-0.51172 1.7934 0.33968 4.0328 0.56756 5.2832-0.77539 1.3673 0.01569 2.756 0.51126 4.0254 0.74023 1.1103-0.17032 2.2393-0.73238 3.4375-0.89844 1.8365 0.38495 3.4697 0.36975 5.0879-0.30273zm-2.0215 2.793c-0.0487 0.1288 0.07966 0.1787 0.16406 0.26953 1.6942-0.40703 3.4256 0.36754 5.168-0.125l-0.0039 0.085937c1.761 0.07698 3.4315 0.19322 5.1465 0.31055 0.1022-0.30058 0.30993 0.013844 0.48633 0.021484 0.8682 0.29988 2.3432-1.1655 2.4902 0.5-0.1642 0.73522-0.03306 1.7893-0.50586 2.5117-1.0434-0.35085-2.0033 0.39128-3.0957 0.16992-0.7702 0.44723-1.2779-0.055175-2.0879 0.30273-1.5867-0.02488-2.7979 0.40271-4.2949 0.33789-0.4883 0.06629-0.97522 0.1337-1.4199 0.20117-1.1507 0.08187-1.761-0.077055-2.791 0.27148-0.26001-0.099108-0.42786-0.2796-0.66016-0.027343-4.797-0.25163-9.396-0.012544-14.771-0.1582-0.7375-0.29408-1.3683 0.02767-2.2891-0.099609-0.81975-0.42846-2.0484 0.39139-2.6758-0.37891-0.63026 0.27879-1.6222-0.20044-2.2793-0.31641-0.40926-0.71585-1.1913-1.0122-1.2852-1.8887 0.50227-0.37158 0.73664-0.66669 0.85156-1.2734 2.6807 0.24708 6.2453 0.40191 8.8965 0.29883 1.5303-0.6755 3.5024-0.3731 5.0957-0.47852 3.3385-0.68627 6.8638 0.42685 9.8613-0.53516z"/></svg>');
}

@media (min-width: 1025px) {
    .c3-navigation-button:hover .c3-navigation-button__icon:before {
        bottom: 50%;
    }

    .c3-navigation-button:hover .c3-navigation-button__icon:after {
        top: 50%;
    }
}

.c3-navigation-button--clicked .c3-navigation-button__icon:before {
    bottom: 200%;
    opacity: 0;
}

.c3-navigation-button--clicked .c3-navigation-button__icon:after {
    top: 200%;
    opacity: 0;
}

.c3-navigation-button__icon-line {
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: currentColor;
    transition: top 300ms 300ms, transform 300ms, color 300ms, opacity 300ms;
}

.c3-navigation-button__icon-line:nth-child(1) {
    top: calc(50% - var(--c3-navigation-button-icon-spacing));
}

.c3-navigation-button__icon-line:nth-child(2) {
    top: calc(50% + var(--c3-navigation-button-icon-spacing));
}

.c3-navigation-button.c3-navigation-button--clicked {
    color: var(--c3-navigation-button-color-active);
}

.c3-navigation-button.c3-navigation-button--clicked:hover {
    color: var(--c3-navigation-button-color-hover);
}

@media (min-width: 1025px) {
    .c3-navigation-button:hover .c3-navigation-button__icon-line:nth-child(1),
    .c3-navigation-button:hover .c3-navigation-button__icon-line:nth-child(2) {
        top: 50%;
        transition: top 300ms, transform 300ms 300ms, color 300ms;
    }
}

.c3-navigation-button--clicked .c3-navigation-button__icon-line:nth-child(1),
.c3-navigation-button--clicked .c3-navigation-button__icon-line:nth-child(2) {
    top: 50%;
    transition: top 300ms, transform 300ms 300ms, color 300ms;
}

.c3-navigation-button--clicked .c3-navigation-button__icon-line:nth-child(1) {
    transform: translate(-50%, -50%) rotate(45deg);
}

.c3-navigation-button--clicked .c3-navigation-button__icon-line:nth-child(2) {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.c3-navigation-button__label {
    font-family: var(--e-global-typography-accent-font-family), sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight);
    font-size: var(--e-global-typography-accent-font-size);
    color: currentColor;
    line-height: 1;
    letter-spacing: var(--e-global-typography-accent-letter-spacing);
    text-transform: var(--e-global-typography-accent-text-transform);
    transition: color 300ms;
}