.arrow-button-component-wrap{box-sizing:border-box;line-height:0}.arrow-button-component-wrap .arrow-button-component{all:unset;position:relative;cursor:pointer;width:40px;height:40px;padding:0}.arrow-button-component-wrap .arrow-button-component:before{display:none}.arrow-button-component-wrap .arrow-button-component:after{content:"";position:absolute;top:50%;width:16px;height:16px;border-top:1px solid var(--color-accent);border-right:1px solid var(--color-accent);transition:none;transform:translateY(-50%) rotate(45deg)}.arrow-button-component-wrap .arrow-button-component:hover:after{border-color:var(--color-accent-hover)}.arrow-button-component-wrap .arrow-button-component-right:after{right:12px;transform:translateY(-50%) rotate(45deg)}.arrow-button-component-wrap .arrow-button-component-left:after{left:12px;transform:translateY(-50%) rotate(-135deg)}.arrow-button-component-wrap .arrow-button-component:disabled{cursor:default}.arrow-button-component-wrap .arrow-button-component:disabled:after{border-color:var(--color-disabled)}