import styled from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
import { rgba } from 'polished';
var color = selectors.color,
  spacing = selectors.spacing;
export var StyledButton = styled.button.withConfig({
  displayName: "StyledButton",
  componentId: "sc-sppw5f-0"
})(["display:inline-flex;align-items:center;justify-content:center;border:0;height:36px;background:", ";border-radius:3px;margin:0 ", ";text-align:center;padding:0 13.5px;cursor:pointer;> svg{color:", ";}&:focus{box-shadow:0 0 0 0.2rem ", ";outline:0;}"], color('neutral', '300'), spacing('6'), color('neutral', 'white'), rgba(color('action', '700'), 0.5));