/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./components/04-elements/button-cta/button-cta.source.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer components {
  .button-cta {
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: calc(0.25rem * 2);
    gap: calc(var(--spacing, 0.25rem) * 2);
    border-radius: calc(infinity * 1px);
    text-align: center;
    text-decoration-line: none;
    padding-block: calc(0.25rem * 3);
    padding-block: calc(var(--spacing, 0.25rem) * 3);
  }
  @media (hover: hover) {
    .button-cta:hover {
      text-decoration-line: underline;
    }
  }
  .button-cta:focus {
    text-decoration-line: underline;
  }
  .button-cta:focus {
    text-decoration-style: dotted;
  }
  .button-cta[data-focus-visible-added].js-focus-visible, .js-focus-visible .button-cta[data-focus-visible-added] {
    text-decoration-line: underline;
  }
  .button-cta:focus-visible {
    text-decoration-line: underline;
  }
  .button-cta[data-focus-visible-added].js-focus-visible, .js-focus-visible .button-cta[data-focus-visible-added] {
    text-decoration-style: dotted;
  }
  .button-cta:focus-visible {
    text-decoration-style: dotted;
  }
  .button-cta--coral {
    background-color: #FF6A5F;
    background-color: var(--color-coral-100, #FF6A5F);
    color: #550047;
    color: var(--color-burgundy-100, #550047);
    text-decoration-color: #550047;
    text-decoration-color: var(--color-burgundy-100, #550047);
  }
  .button-cta--coral .button-cta-icon {
    background-color: #FFA69F;
    background-color: var(--color-coral-60, #FFA69F);
  }
  .button-cta--pink {
    background-color: #F5CADD;
    background-color: var(--color-pink-100, #F5CADD);
    color: #550047;
    color: var(--color-burgundy-100, #550047);
    text-decoration-color: #550047;
    text-decoration-color: var(--color-burgundy-100, #550047);
  }
  .button-cta--pink .button-cta-icon {
    background-color: #FAE5EE;
    background-color: var(--color-pink-50, #FAE5EE);
  }
  .button-cta--blue {
    background-color: #7ED8FF;
    background-color: var(--color-sky-blue-100, #7ED8FF);
    color: #550047;
    color: var(--color-burgundy-100, #550047);
    text-decoration-color: #550047;
    text-decoration-color: var(--color-burgundy-100, #550047);
  }
  .button-cta--blue .button-cta-icon {
    background-color: #BFECFF;
    background-color: var(--color-sky-blue-50, #BFECFF);
  }
  .button-cta--burgundy {
    background-color: #550047;
    background-color: var(--color-burgundy-100, #550047);
    color: #FEFEFD;
    color: var(--color-beige-10, #FEFEFD);
    text-decoration-color: #FEFEFD;
    text-decoration-color: var(--color-beige-10, #FEFEFD);
  }
  .button-cta--burgundy .button-cta-icon {
    background-color: #996691;
    background-color: var(--color-burgundy-60, #996691);
  }
}