import styled from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
var color = selectors.color,
  spacing = selectors.spacing,
  fontSize = selectors.fontSize;
export var StyledDrawerButton = styled.button.withConfig({
  displayName: "StyledDrawerButton",
  componentId: "sc-fmbdf9-0"
})(["position:absolute;top:", ";right:", ";display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;font-size:", ";color:", ";background-color:", ";&:hover{color:", ";cursor:pointer;}"], spacing('2'), spacing('2'), fontSize('l'), color('neutral', '300'), color('neutral', 'white'), color('neutral', '500'));