.btn,
    .btn-container {
      display: flex;
      position: relative;
      cursor: pointer
    }

    @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-display: swap;
      font-weight: 300;
      src: local('Open Sans Light'), local('OpenSans-Light'), url('/fonts/open-sans-v17-latin-300.woff2') format('woff2'), url('/fonts/open-sans-v17-latin-300.woff') format('woff')
    }

    @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-display: swap;
      font-weight: 400;
      src: local('Open Sans Regular'), local('OpenSans-Regular'), url('/fonts/open-sans-v17-latin-regular.woff2') format('woff2'), url('/fonts/open-sans-v17-latin-regular.woff') format('woff')
    }

    @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-display: swap;
      font-weight: 600;
      src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('/fonts/open-sans-v17-latin-600.woff2') format('woff2'), url('/fonts/open-sans-v17-latin-600.woff') format('woff')
    }

    @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-display: swap;
      font-weight: 700;
      src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/fonts/open-sans-v17-latin-700.woff2') format('woff2'), url('/fonts/open-sans-v17-latin-700.woff') format('woff')
    }

    @font-face {
      font-family: 'Publico Headline Web';
      src: url('/fonts/PublicoHeadline-BlackItalic-Web.woff2') format('woff2'), url('/fonts/PublicoHeadline-BlackItalic-Web.woff') format('woff');
      font-weight: 900;
      font-style: italic;
      font-stretch: normal;
      font-display: swap
    }

    @font-face {
      font-family: 'Publico Headline Web';
      src: url('/fonts/PublicoHeadline-Black-Web.woff2') format('woff2'), url('/fonts/PublicoHeadline-Black-Web.woff') format('woff');
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      font-display: swap
    }

    @font-face {
      font-family: 'Publico Headline Web';
      src: url('/fonts/PublicoHeadline-ExtraboldItalic-Web.woff2') format('woff2'), url('/fonts/PublicoHeadline-ExtraboldItalic-Web.woff') format('woff');
      font-weight: 800;
      font-style: italic;
      font-stretch: normal;
      font-display: swap
    }

    @font-face {
      font-family: 'Publico Headline Web';
      src: url('/fonts/PublicoHeadline-Extrabold-Web.woff2') format('woff2'), url('/fonts/PublicoHeadline-Extrabold-Web.woff') format('woff');
      font-weight: 800;
      font-style: normal;
      font-stretch: normal;
      font-display: swap
    }

    @font-face {
      font-family: 'Publico Headline Web';
      src: url('/fonts/PublicoHeadline-BoldItalic-Web.woff2') format('woff2'), url('/fonts/PublicoHeadline-BoldItalic-Web.woff') format('woff');
      font-weight: 700;
      font-style: italic;
      font-stretch: normal;
      font-display: swap
    }

    @font-face {
      font-family: 'Publico Headline Web';
      src: url('/fonts/PublicoHeadline-Bold-Web.woff2') format('woff2'), url('/fonts/PublicoHeadline-Bold-Web.woff') format('woff');
      font-weight: 700;
      font-style: normal;
      font-stretch: normal;
      font-display: swap
    }

    @font-face {
      font-family: 'Publico Headline Web';
      src: url('/fonts/PublicoHeadline-MediumItalic-Web.woff2') format('woff2'), url('/fonts/PublicoHeadline-MediumItalic-Web.woff') format('woff');
      font-weight: 500;
      font-style: italic;
      font-stretch: normal;
      font-display: swap
    }

    @font-face {
      font-family: 'Publico Headline Web';
      src: url('/fonts/PublicoHeadline-Medium-Web.woff2') format('woff2'), url('/fonts/PublicoHeadline-Medium-Web.woff') format('woff');
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      font-display: swap
    }

    @font-face {
      font-family: 'Publico Headline Web';
      src: url('/fonts/PublicoHeadline-Italic-Web.woff2') format('woff2'), url('/fonts/PublicoHeadline-Italic-Web.woff') format('woff');
      font-weight: 400;
      font-style: italic;
      font-stretch: normal;
      font-display: swap
    }

    @font-face {
      font-family: 'Publico Headline Web';
      src: url('/fonts/PublicoHeadline-Roman-Web.woff2') format('woff2'), url('/fonts/PublicoHeadline-Roman-Web.woff') format('woff');
      font-weight: 400;
      font-style: normal;
      font-stretch: normal;
      font-display: swap
    }

    @font-face {
      font-family: 'Publico Headline Web';
      src: url('/fonts/PublicoHeadline-LightItalic-Web.woff2') format('woff2'), url('/fonts/PublicoHeadline-LightItalic-Web.woff') format('woff');
      font-weight: 300;
      font-style: italic;
      font-stretch: normal;
      font-display: swap
    }

    @font-face {
      font-family: 'Publico Headline Web';
      src: url('/fonts/PublicoHeadline-Light-Web.woff2') format('woff2'), url('/fonts/PublicoHeadline-Light-Web.woff') format('woff');
      font-weight: 300;
      font-style: normal;
      font-stretch: normal;
      font-display: swap
    }

    @font-face {
      font-family: SuomiHand-Script;
      src: url('/fonts/SuomiHand-Script.eot');
      src: url('/fonts/SuomiHand-Script.eot') format('embedded-opentype'), url('/fonts/SuomiHand-Script.woff') format('woff'), url('/fonts/SuomiHand-Script.ttf') format('truetype');
      font-display: swap
    }

    .btn-container {
      width: max-content;
      margin: 0 auto
    }

    .btn {
      border: 3px solid;
      align-items: center;
      transition: .3s ease-out;
      text-align: left;
      text-decoration: none;
      color: inherit
    }

    .btn-large,
    .btn-medium,
    .btn-small {
      width: max-content;
      border-radius: 36px
    }

    .btn-green,
    .btn-lightblue,
    .btn-yellow {
      color: #1c0d4f !important
    }

    .btn .arrow {
      position: absolute;
      display: block;
      top: 50%;
      transform: translateY(-50%);
      transition: .3s
    }

    .btn:hover {
      background-color: transparent
    }

    .btn-large {
      min-width: 110px;
      padding: 21px 180px 21px 40px
    }

    .btn-large .arrow,
    .btn-medium .arrow {
      height: 19px;
      right: 40px;
      width: 30px
    }

    .btn-large:hover .arrow,
    .btn-medium:hover .arrow {
      right: 30px
    }

    .btn-large.btn-center,
    .btn-medium.btn-center {
      padding: 21px 60px;
      justify-content: center
    }

    .btn-medium {
      min-width: 110px;
      padding: 21px 90px 21px 40px
    }

    .btn-small {
      padding-left: 30px;
      padding-right: 60px;
      min-width: 110px;
      height: 46px
    }

    @media (min-width:1701px) {

      .btn-large,
      .btn-medium {
        font-family: 'Publico Headline Web', Georgia, Times, Times New Roman, serif;
        font-size: 19px;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0
      }

      .btn-small {
        font-family: 'Publico Headline Web', Georgia, Times, Times New Roman, serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 21px;
        letter-spacing: 0
      }
    }

    .btn-small .arrow {
      height: 14px;
      right: 30px
    }

    .btn-small:hover .arrow {
      right: 25px
    }

    .btn-center {
      padding: 21px 30px;
      justify-content: center
    }

    @media (min-width:1280px) and (max-width:1700px) {
      .btn {
        padding-left: 36px
      }

      .btn-large {
        font-family: 'Publico Headline Web', Georgia, Times, Times New Roman, serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 23px;
        letter-spacing: 0;
        max-height: 57px;
        min-width: 85px;
        padding: 13px 100px 13px 34px
      }

      .btn-large .arrow,
      .btn-medium .arrow {
        right: 34px
      }

      .btn-large.btn-center,
      .btn-medium.btn-center {
        padding: 13px 60px
      }

      .btn-medium {
        font-family: 'Publico Headline Web', Georgia, Times, Times New Roman, serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 23px;
        letter-spacing: 0;
        max-height: 57px;
        min-width: 85px;
        padding: 13px 80px 13px 34px
      }

      .btn-small {
        font-family: 'Publico Headline Web', Georgia, Times, Times New Roman, serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 21px;
        letter-spacing: 0;
        height: 38px;
        min-width: 85px
      }

      .btn-center {
        padding: 13px 30px
      }
    }

    @media (min-width:1024px) and (max-width:1279px) {
      .btn {
        padding-left: 36px
      }

      .btn-large {
        font-family: 'Publico Headline Web', Georgia, Times, Times New Roman, serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        letter-spacing: 0;
        min-width: 90px;
        max-height: 47px;
        padding: 10.5px 100px 10.5px 27px
      }

      .btn-large .arrow,
      .btn-medium .arrow {
        height: 14px;
        right: 27px
      }

      .btn-large.btn-center,
      .btn-medium.btn-center {
        padding: 10.5px 60px
      }

      .btn-medium {
        font-family: 'Publico Headline Web', Georgia, Times, Times New Roman, serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        letter-spacing: 0;
        min-width: 90px;
        max-height: 47px;
        padding: 10.5px 70px 10.5px 27px
      }

      .btn-small {
        font-family: 'Publico Headline Web', Georgia, Times, Times New Roman, serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 21px;
        letter-spacing: 0;
        height: 38px;
        min-width: 60px;
        justify-content: center;
        padding: 0 40px
      }

      .btn-small .arrow {
        display: none
      }

      .btn-center {
        padding: 10.5px 30px
      }
    }

    @media (min-width:768px) and (max-width:1023px) {
      .btn {
        padding-left: 36px
      }

      .btn-large {
        font-family: 'Publico Headline Web', Georgia, Times, Times New Roman, serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        letter-spacing: 0;
        max-height: 47px;
        min-width: 80px;
        padding: 10.5px 100px 10.5px 30px
      }

      .btn-large .arrow,
      .btn-medium .arrow {
        height: 14px;
        right: 30px
      }

      .btn-large.btn-center,
      .btn-medium.btn-center {
        padding: 10.5px 60px
      }

      .btn-medium {
        font-family: 'Publico Headline Web', Georgia, Times, Times New Roman, serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        letter-spacing: 0;
        max-height: 47px;
        min-width: 80px;
        padding: 10.5px 70px 10.5px 30px
      }

      .btn-small {
        font-family: 'Publico Headline Web', Georgia, Times, Times New Roman, serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 21px;
        letter-spacing: 0;
        height: 38px;
        min-width: 60px;
        justify-content: center;
        padding: 0 25px
      }

      .btn-small .arrow {
        display: none
      }

      .btn-center {
        padding: 10.5px 30px
      }
    }

    @media (max-width:767px) {
      .btn {
        padding-left: 25px
      }

      .btn-large {
        font-family: 'Publico Headline Web', Georgia, Times, Times New Roman, serif;
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0;
        max-height: 47px;
        min-width: 80px;
        padding: 10.5px 50px 10.5px 30px;
        font-weight: 500
      }

      .btn-large .arrow {
        height: 14px;
        right: 15px
      }

      .btn-large.btn-center,
      .btn-medium.btn-center {
        padding: 10.5px 60px
      }

      .btn-medium {
        font-family: 'Publico Headline Web', Georgia, Times, Times New Roman, serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        letter-spacing: 0;
        max-height: 47px;
        min-width: 80px;
        padding: 10.5px 70px 10.5px 30px
      }

      .btn-medium .arrow {
        height: 14px;
        right: 30px
      }

      .btn-small {
        font-family: 'Publico Headline Web', Georgia, Times, Times New Roman, serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 21px;
        letter-spacing: 0;
        height: 46px;
        min-width: 80px
      }

      .btn-center {
        padding: 10.5px 30px
      }
    }

    .btn-green {
      border-color: #38ff9e !important;
      background-color: #38ff9e !important
    }

    .btn-green .arrow,
    .btn-lightblue .arrow,
    .btn-yellow .arrow {
      fill: #1c0d4f !important
    }

    .btn-lightblue {
      border-color: #8abfff !important;
      background-color: #8abfff !important
    }

    .btn-yellow {
      border-color: #fff799 !important;
      background-color: #fff799 !important
    }

    .btn-blue {
      border-color: #4120b6 !important;
      background-color: #4120b6 !important;
      color: #fff !important
    }

    .btn-blue .arrow,
    .btn-darkblue .arrow {
      fill: #fff !important
    }

    .btn-darkblue {
      border-color: #1c0d4f !important;
      background-color: #1c0d4f !important;
      color: #fff !important
    }

    .btn-borderblue {
      border-color: #4120b6;
      background-color: transparent;
      color: #1c0d4f
    }

    .btn-borderblue:hover,
    .btn-white:hover {
      background: #4120b6
    }

    .btn-borderblue .arrow,
    .btn-bordergreen .arrow,
    .btn-borderlightblue .arrow,
    .btn-light:hover .arrow,
    .btn-light:hover .inlineCalendar,
    .btn-white .arrow {
      fill: #1c0d4f
    }

    .btn-borderblue--active {
      border-color: #4120b6;
      background-color: #4120b6;
      color: #fff
    }

    .btn-borderblue--active .arrow,
    .btn-bordergreen.btn-light .arrow,
    .btn-borderlightblue.btn-light .arrow,
    .btn-dark:hover .arrow,
    .btn-dark:hover .inlineCalendar {
      fill: #fff
    }

    .btn-borderlightblue {
      border-color: #8abfff;
      background-color: transparent;
      color: #1c0d4f
    }

    .btn-borderlightblue:hover {
      background: #8abfff
    }

    .btn-bordergreen.btn-light,
    .btn-borderlightblue.btn-light,
    .btn-dark:hover {
      color: #fff
    }

    .btn-light:hover,
    .btn-white {
      color: #1c0d4f
    }

    .btn-bordergreen {
      border-color: #38ff9e;
      background-color: transparent;
      color: #1c0d4f
    }

    .btn-bordergreen:hover {
      background: #38ff9e
    }

    .btn-white {
      border-color: #4120b6;
      background-color: #fff
    }

    .calendlyHeroBtn {
      margin: 0 auto
    }