import { selectors } from '@defencedigital/design-tokens';
import styled from 'styled-components';
import { ACTIVE_TAB_HEIGHT } from '../../TabBase/partials/StyledTab';
var color = selectors.color;
export var StyledScrollButton = styled.button.withConfig({
  displayName: "StyledScrollButton",
  componentId: "sc-1p8mj2r-0"
})(["background:", ";border:none;color:", ";cursor:pointer;display:inline-flex;justify-content:center;align-self:flex-start;height:", ";width:40px;align-items:center;"], color('neutral', 'white'), color('action', '500'), ACTIVE_TAB_HEIGHT);