/*** BUTTONS ***/
/* line 3, static/css/button.scss */
.btn {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  padding: 12px 16px;
  position: relative;
  border-radius: 72px;
  width: fit-content;
  display: flex;
  align-items: center; }
  /* line 14, static/css/button.scss */
  .btn svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    fill: none;
    pointer-events: none; }
  /* line 23, static/css/button.scss */
  .btn-primary {
    --bs-btn-bg: var(--primary-blue);
    --bs-btn-color: white;
    --bs-btn-border-color: var(--primary-blue);
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: var(--primary-blue);
    --bs-btn-hover-border-color: var(--primary-blue);
    --bs-btn-active-color: white;
    --bs-btn-active-bg: var(--primary-blue);
    --bs-btn-active-border-color: var(--primary-blue); }
    @media (min-width: 768px) {
      /* line 23, static/css/button.scss */
      .btn-primary {
        border: 2px solid;
        --bs-btn-bg: white;
        --bs-btn-color: var(--primary-blue);
        --bs-btn-border-color: var(--primary-blue);
        --bs-btn-hover-color: var(--primary-blue);
        --bs-btn-hover-bg: var(--primary-bg);
        --bs-btn-hover-border-color: var(--primary-blue);
        --bs-btn-active-color: white;
        --bs-btn-active-bg: var(--primary-blue);
        --bs-btn-active-border-color: var(--primary-blue); }
        /* line 48, static/css/button.scss */
        .btn-primary:hover, .btn-primary:focus {
          --r: 30px;
          padding: 14px 18px;
          border: none;
          border-radius: var(--r); }
          /* line 54, static/css/button.scss */
          .btn-primary:hover rect, .btn-primary:focus rect {
            x: 1;
            y: 1;
            width: calc(100% - 2px);
            height: calc(100% - 2px);
            rx: var(--r);
            ry: var(--r);
            stroke: var(--primary-blue);
            stroke-width: 2;
            stroke-dasharray: 12 8; } }
  /* line 71, static/css/button.scss */
  .btn-secondary {
    --bs-btn-bg: var(--primary-blue);
    --bs-btn-color: white;
    --bs-btn-border-color: var(--primary-blue);
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: var(--primary-blue);
    --bs-btn-hover-border-color: var(--primary-blue);
    --bs-btn-active-color: white;
    --bs-btn-active-bg: var(--primary-blue);
    --bs-btn-active-border-color: var(--primary-blue); }

/*** CTA BANNER ***/
/* line 88, static/css/button.scss */
.cta-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: uppercase;
  text-decoration: none;
  width: 100%; }
  /* line 96, static/css/button.scss */
  .cta-banner h2 {
    margin: 0; }
  /* line 100, static/css/button.scss */
  .cta-banner .icon-wrap {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center; }
    /* line 107, static/css/button.scss */
    .cta-banner .icon-wrap .icon {
      width: 40px;
      height: 40px; }
    @media (min-width: 768px) {
      /* line 100, static/css/button.scss */
      .cta-banner .icon-wrap {
        width: 100px;
        height: 100px; }
        /* line 116, static/css/button.scss */
        .cta-banner .icon-wrap .icon {
          width: 74px;
          height: 74px; } }
  /* line 123, static/css/button.scss */
  .cta-banner-primary {
    background-color: var(--secondary-violet-light); }
    /* line 125, static/css/button.scss */
    .cta-banner-primary:hover, .cta-banner-primary:focus {
      background-color: var(--secondary-violet-dark); }
      /* line 128, static/css/button.scss */
      .cta-banner-primary:hover .icon-wrap, .cta-banner-primary:focus .icon-wrap {
        background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%231B0A3EFF' stroke-width='6' stroke-dasharray='20%2c 19' stroke-dashoffset='43' stroke-linecap='butt'/%3e%3c/svg%3e");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        border-radius: 100px; }
  /* line 136, static/css/button.scss */
  .cta-banner-secondary {
    background-color: var(--secondary-green); }
    /* line 138, static/css/button.scss */
    .cta-banner-secondary:hover, .cta-banner-secondary:focus {
      background-color: var(--accent); }
      /* line 141, static/css/button.scss */
      .cta-banner-secondary:hover .icon-wrap, .cta-banner-secondary:focus .icon-wrap {
        background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%231B0A3EFF' stroke-width='6' stroke-dasharray='20%2c 19' stroke-dashoffset='43' stroke-linecap='butt'/%3e%3c/svg%3e");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        border-radius: 100px; }

@media (min-width: 768px) {
  /* line 154, static/css/button.scss */
  .btn {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    padding: 14px 22px; }
    /* line 161, static/css/button.scss */
    .btn-primary:hover, .btn-primary:focus {
      padding: 16px 24px; } }