.nb-arrow-button-v5 {  
z-index: 1;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
display: grid;
position: relative;
cursor: pointer;
width: fit-content;
--elastic-ease: linear( 0, 0.2178 2.1%, 1.1144 8.49%, 1.2959 10.7%, 1.3463 11.81%, 1.3705 12.94%, 1.3726, 1.3643 14.48%, 1.3151 16.2%, 1.0317 21.81%, 0.941 24.01%, 0.8912 25.91%, 0.8694 27.84%, 0.8698 29.21%, 0.8824 30.71%, 1.0122 38.33%, 1.0357, 1.046 42.71%, 1.0416 45.7%, 0.9961 53.26%, 0.9839 57.54%, 0.9853 60.71%, 1.0012 68.14%, 1.0056 72.24%, 0.9981 86.66%, 1 100% );
--elastic-ease-out: linear( 0, 0.5737 7.6%, 0.8382 11.87%, 0.9463 14.19%, 1.0292 16.54%, 1.0886 18.97%, 1.1258 21.53%, 1.137 22.97%, 1.1424 24.48%, 1.1423 26.1%, 1.1366 27.86%, 1.1165 31.01%, 1.0507 38.62%, 1.0219 42.57%, 0.9995 46.99%, 0.9872 51.63%, 0.9842 58.77%, 1.0011 81.26%, 1 );
}
.nb-arrow-button-v5__container {
grid-area: 1 / 1;
justify-content: center;
align-items: center;
display: flex;
}
.nb-arrow-button-v5__icon {
display: grid;
}
.nb-arrow-button-v5__icon--first {
left: var(--left);
position: absolute;
}
.nb-arrow-button-v5__icon-item {
grid-area: 1 / 1;
width: var(--dimensions);
height: var(--dimensions);
stroke: var(--stroke);
fill: var(--stroke);
transition: transform var(--arrow-duration) var(--arrow-ease), opacity calc(var(--arrow-duration) * 0.33) ease-out;
transition-delay: calc(var(--arrows-blur-stagger) * var(--index));
}
.nb-arrow-button-v5__icon--first .nb-arrow-button-v5__icon-item {
transform: translate3d(calc(var(--left) * -1.6), 0, 0);
opacity: 0;
transition-delay: calc(var(--arrows-blur-stagger) * var(--index));
}
.nb-arrow-button-v5__text {
display: block;
transition: transform var(--arrow-duration) var(--arrow-ease);
}
.nb-arrow-button-v5__background {
z-index: -1;
grid-area: 1 / 1;
width: 100%;
height: 100%;
transition: transform calc(var(--arrow-duration) * 1.25) var(--elastic-ease-out);
}
@media (hover: hover) and (pointer: fine) {
.nb-arrow-button-v5:hover .nb-arrow-button-v5__icon:not(.nb-arrow-button-v5__icon--first) .nb-arrow-button-v5__icon-item,
.nb-arrow-button-v5:focus-visible .nb-arrow-button-v5__icon:not(.nb-arrow-button-v5__icon--first) .nb-arrow-button-v5__icon-item {
transform: translate3d(calc(var(--left) * 1.6), 0, 0);
opacity: 0;
transition-delay: calc(var(--arrows-blur-stagger) * -1 * var(--index));
}
.nb-arrow-button-v5:hover .nb-arrow-button-v5__icon--first .nb-arrow-button-v5__icon-item,
.nb-arrow-button-v5:focus-visible .nb-arrow-button-v5__icon--first .nb-arrow-button-v5__icon-item {
transform: translate3d(0, 0, 0);
opacity: 1;
transition-delay: calc((var(--arrows-blur-stagger) * var(--index)) + .2s);
}  
.nb-arrow-button-v5:hover .nb-arrow-button-v5__text,
.nb-arrow-button-v5:focus-visible .nb-arrow-button-v5__text {
transform: translate3d(calc(var(--left) * 1.6), 0, 0);
transition-delay: .1s;
}
.nb-arrow-button-v5:hover .nb-arrow-button-v5__background,
.nb-arrow-button-v5:focus-visible .nb-arrow-button-v5__background {
transform: scaleX(1.015) scaleY(1.034) translateZ(0);
}
}