/*** 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 {
    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 36, static/css/button.scss */
    .btn-primary:hover, .btn-primary:focus {
      --r: 30px;
      padding: 14px 18px;
      border: none;
      border-radius: var(--r); }
      /* line 42, 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 58, static/css/button.scss */
  .btn-secondary {
    /* --bs-btn-bg: var(--accent);
        --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(--accent);
        --bs-btn-hover-border-color: var(--primary-blue);
        --bs-btn-active-color: var(--accent);
        --bs-btn-active-bg: var(--accent);
        --bs-btn-active-border-color: var(--primary-blue); */
    --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 85, static/css/button.scss */
.cta-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: uppercase;
  text-decoration: none;
  width: 100%; }
  /* line 93, static/css/button.scss */
  .cta-banner h2 {
    margin: 0; }
  /* line 97, static/css/button.scss */
  .cta-banner .icon-wrap {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center; }
    /* line 104, static/css/button.scss */
    .cta-banner .icon-wrap .icon {
      width: 40px;
      height: 40px; }
    @media (min-width: 768px) {
      /* line 97, static/css/button.scss */
      .cta-banner .icon-wrap {
        width: 100px;
        height: 100px; }
        /* line 113, static/css/button.scss */
        .cta-banner .icon-wrap .icon {
          width: 74px;
          height: 74px; } }
  /* line 120, static/css/button.scss */
  .cta-banner-primary {
    background-color: var(--secondary-violet-light); }
    /* line 122, static/css/button.scss */
    .cta-banner-primary:hover, .cta-banner-primary:focus {
      background-color: var(--secondary-violet-dark); }
      /* line 125, 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 133, static/css/button.scss */
  .cta-banner-secondary {
    background-color: var(--secondary-green); }
    /* line 135, static/css/button.scss */
    .cta-banner-secondary:hover, .cta-banner-secondary:focus {
      background-color: var(--accent); }
      /* line 138, 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 151, static/css/button.scss */
  .btn {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    padding: 14px 22px; }
    /* line 158, static/css/button.scss */
    .btn-primary:hover, .btn-primary:focus {
      padding: 16px 24px; } }