import styled from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
var fontSize = selectors.fontSize,
  spacing = selectors.spacing,
  color = selectors.color;
export var StyledViewAll = styled.span.withConfig({
  displayName: "StyledViewAll",
  componentId: "sc-zxr21l-0"
})(["font-size:", ";display:block;text-align:right;margin-right:", ";margin-bottom:", ";color:", ";svg{position:relative;top:4px;}a{text-decoration:none;}&:hover{svg{transform:translate3d(4px,0,0);transition:0.2s;}}"], fontSize('s'), spacing('6'), spacing('6'), color('action', '300'));