import { createGlobalStyle } from "styled-components";
import {
  getTextSizes,
  textLevels,
} from "../../design-system/tokens";

export const GlobalStyledButton = createGlobalStyle`
.ant-btn {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 6px 20px;
  gap: 10px;
  border-color: #FFCB13;
  background: #FFCB13;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  ${getTextSizes(textLevels["SPAN"])};
  }

  .ant-btn:hover, .ant-btn:focus {
  color: inherit;
  border-color: #FFBD13;
  background: #FFBD13;
}

`;