.nb-arrow-button-v2{height:var(--height);position:relative;padding-right:calc(var(--gap) + var(--dimensions));align-items:center;cursor:pointer;width:fit-content;--height:calc(var(--dimensions) + var(--padding-top) + var(--padding-bottom));padding-left:var(--padding-left);display:flex;z-index:0}.nb-arrow-button-v2 svg{height:var(--dimensions);min-height:unset;min-width:unset;width:var(--dimensions)}.nb-arrow-button-v2[data-direction=left]{padding-right:var(--padding-right);padding-left:calc(var(--gap) + var(--dimensions))}.nb-arrow-button-v2__arrow-wrapper{height:var(--dimensions);right:var(--padding-right);transition:width var(--duration) var(--ease);position:absolute;align-items:center;width:var(--dimensions);display:flex;z-index:-1}.nb-arrow-button-v2[data-direction=left] .nb-arrow-button-v2__arrow-wrapper{right:auto;left:var(--padding-left)}.nb-arrow-button-v2__arrow-container{height:var(--dimensions);right:0;position:absolute;width:var(--dimensions)}.nb-arrow-button-v2[data-direction=left] .nb-arrow-button-v2__arrow-container{right:auto;left:0}.nb-arrow-button-v2__arrow{transform:rotate(var(--arrow-default-rotation));fill:var(--stroke);transition:transform var(--duration) var(--ease);stroke:var(--stroke)}.nb-arrow-button-v2:hover .nb-arrow-button-v2__arrow-wrapper{width:calc(100% - var(--padding-right)*2)}.nb-arrow-button-v2[data-direction=left]:hover .nb-arrow-button-v2__arrow-wrapper{width:calc(100% - var(--padding-left)*2)}.nb-arrow-button-v2:hover .nb-arrow-button-v2__arrow{transform:rotate(var(--arrow-rotation))}