.button--normal {
  display: inline-block;
  border: 0;
  padding: 0;
  -webkit-appearance: none;
  font-weight: normal;
  font-size: calc(18px + 2 * ((100vw - 600px) / 800));
  line-height: calc(22px + 2 * ((100vw - 600px) / 800));
  font-family: "Founders-grotesk-Regular", "sans-serif";
  padding-top: calc(7.5px + 7.5 * ((100vw - 600px) / 800));
  padding-bottom: calc(7.5px + 7.5 * ((100vw - 600px) / 800));
  padding-left: calc(25px + 25 * ((100vw - 600px) / 800));
  padding-right: calc(25px + 25 * ((100vw - 600px) / 800));
  border: 1px solid var(--color-primary);
  cursor: pointer; }
  @media screen and (max-width: 600px) {
    .button--normal {
      font-size: 18px; } }
  @media screen and (min-width: 1400px) {
    .button--normal {
      font-size: 20px; } }
  @media screen and (max-width: 600px) {
    .button--normal {
      line-height: 22px; } }
  @media screen and (min-width: 1400px) {
    .button--normal {
      line-height: 24px; } }
  @media screen and (max-width: 600px) {
    .button--normal {
      padding-top: 7.5px; } }
  @media screen and (min-width: 1400px) {
    .button--normal {
      padding-top: 15px; } }
  @media screen and (max-width: 600px) {
    .button--normal {
      padding-bottom: 7.5px; } }
  @media screen and (min-width: 1400px) {
    .button--normal {
      padding-bottom: 15px; } }
  @media screen and (max-width: 600px) {
    .button--normal {
      padding-left: 25px; } }
  @media screen and (min-width: 1400px) {
    .button--normal {
      padding-left: 50px; } }
  @media screen and (max-width: 600px) {
    .button--normal {
      padding-right: 25px; } }
  @media screen and (min-width: 1400px) {
    .button--normal {
      padding-right: 50px; } }
  .has-mouse .button--normal {
    transition: background-color 0.45s cubic-bezier(0.23, 1, 0.32, 1), color 0.45s cubic-bezier(0.23, 1, 0.32, 1), border-color 0.45s cubic-bezier(0.23, 1, 0.32, 1); }
    .has-mouse .button--normal:hover {
      transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      background-color: var(--color-primary);
      color: #fff; }

.button--small {
  display: inline-block;
  border: 0;
  padding: 0;
  -webkit-appearance: none;
  font-weight: normal;
  font-size: calc(18px + 2 * ((100vw - 600px) / 800));
  line-height: calc(22px + 2 * ((100vw - 600px) / 800));
  font-family: "Founders-grotesk-Regular", "sans-serif";
  padding-top: calc(2.5px + 2.5 * ((100vw - 600px) / 800));
  padding-bottom: calc(2.5px + 2.5 * ((100vw - 600px) / 800));
  padding-left: calc(10px + 10 * ((100vw - 600px) / 800));
  padding-right: calc(10px + 10 * ((100vw - 600px) / 800));
  border: 1px solid var(--color-primary);
  cursor: pointer; }
  @media screen and (max-width: 600px) {
    .button--small {
      font-size: 18px; } }
  @media screen and (min-width: 1400px) {
    .button--small {
      font-size: 20px; } }
  @media screen and (max-width: 600px) {
    .button--small {
      line-height: 22px; } }
  @media screen and (min-width: 1400px) {
    .button--small {
      line-height: 24px; } }
  @media screen and (max-width: 600px) {
    .button--small {
      padding-top: 2.5px; } }
  @media screen and (min-width: 1400px) {
    .button--small {
      padding-top: 5px; } }
  @media screen and (max-width: 600px) {
    .button--small {
      padding-bottom: 2.5px; } }
  @media screen and (min-width: 1400px) {
    .button--small {
      padding-bottom: 5px; } }
  @media screen and (max-width: 600px) {
    .button--small {
      padding-left: 10px; } }
  @media screen and (min-width: 1400px) {
    .button--small {
      padding-left: 20px; } }
  @media screen and (max-width: 600px) {
    .button--small {
      padding-right: 10px; } }
  @media screen and (min-width: 1400px) {
    .button--small {
      padding-right: 20px; } }
  .has-mouse .button--small {
    transition: background-color 0.45s cubic-bezier(0.23, 1, 0.32, 1), color 0.45s cubic-bezier(0.23, 1, 0.32, 1), border-color 0.45s cubic-bezier(0.23, 1, 0.32, 1); }
    .has-mouse .button--small:hover {
      transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      background-color: var(--color-primary);
      color: #fff; }

/*# sourceMappingURL=../_maps/base/elements--class.css.map */