@layer bef-showcase {
  :where(.bef-showcase, .bef-marketing-cta, .bef-builder--categories) {
    --bef-showcase-accent: var(--wp--preset--color--primary, #e11d2e);
    --bef-showcase-ink: var(--wp--preset--color--contrast, #0f172a);
    --bef-showcase-text: #475569;
    --bef-showcase-line: #dbe4f0;
    --bef-showcase-surface: #fff;
    box-sizing: border-box;
    min-inline-size: 0;
  }

  .bef-local-icon {
    display: block;
    inline-size: 1.35em;
    block-size: 1.35em;
    fill: none;
    stroke: currentcolor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
  }

  .bef-builder--categories .bef-category-grid {
    grid-template-columns: repeat(var(--bef-columns, 4), minmax(0, 1fr));
    gap: clamp(0.7rem, 1.4vw, 1rem);
  }

  .bef-builder--categories .bef-category-card {
    position: relative;
    min-block-size: 10rem;
    justify-content: flex-start;
    gap: 0.8rem;
    overflow: hidden;
    padding: clamp(1rem, 2vw, 1.35rem);
    border-color: color-mix(in srgb, var(--bef-category-color) 18%, #dbe4f0);
    background:
      radial-gradient(
        circle at 100% 0,
        color-mix(in srgb, var(--bef-category-color) 12%, transparent),
        transparent 52%
      ),
      #fff;
    box-shadow: 0 9px 26px rgb(15 23 42 / 5%);
    transition:
      border-color 160ms ease,
      box-shadow 160ms ease,
      translate 160ms ease;
  }

  .bef-builder--categories .bef-category-card:hover {
    border-color: color-mix(in srgb, var(--bef-category-color) 58%, #fff);
    box-shadow: 0 16px 34px rgb(15 23 42 / 10%);
    translate: 0 -2px;
  }

  .bef-builder--categories .bef-category-card__icon {
    display: grid;
    inline-size: 3rem;
    block-size: 3rem;
    flex: 0 0 3rem;
    place-items: center;
    margin: 0;
    border: 1px solid color-mix(in srgb, var(--bef-category-color) 18%, #fff);
    border-radius: 0.9rem;
    background: color-mix(in srgb, var(--bef-category-color) 10%, #fff);
    color: var(--bef-category-color);
  }

  .bef-category-card__content {
    display: flex;
    min-inline-size: 0;
    flex-direction: column;
    gap: 0.22rem;
  }

  .bef-builder--categories .bef-category-card__content strong {
    color: var(--bef-showcase-ink);
    font-size: clamp(1rem, 0.92rem + 0.3vw, 1.18rem);
    line-height: 1.25;
  }

  .bef-category-card__content > span {
    color: var(--bef-showcase-text);
    font-size: 0.88rem;
  }

  .bef-category-card__arrow {
    position: absolute;
    inset-inline-end: 1.1rem;
    inset-block-end: 1rem;
    color: var(--bef-category-color);
    font-size: 1.15rem;
    transition: translate 150ms ease;
  }

  .bef-category-card:hover .bef-category-card__arrow {
    translate: 0.22rem 0;
  }

  .bef-category-grid--compact .bef-category-card {
    min-block-size: 5.5rem;
    flex-direction: row;
    align-items: center;
    padding: 0.9rem 1rem;
  }

  .bef-category-grid--compact .bef-category-card__icon {
    inline-size: 2.65rem;
    block-size: 2.65rem;
    flex-basis: 2.65rem;
  }

  .bef-category-grid--compact .bef-category-card__arrow {
    position: static;
    margin-inline-start: auto;
  }

  .bef-showcase {
    position: relative;
    inline-size: 100%;
    margin-block: clamp(2.5rem, 6vw, 5rem);
  }

  .bef-showcase__header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1.25rem;
    margin-block-end: clamp(1.1rem, 2.5vw, 1.75rem);
  }

  .bef-showcase__header > div {
    max-inline-size: 48rem;
  }

  .bef-showcase__eyebrow {
    margin: 0 0 0.45rem;
    color: var(--bef-showcase-accent);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
  }

  .bef-showcase__header h2,
  .bef-marketing-cta h2 {
    margin: 0;
    color: var(--bef-showcase-ink);
    font-size: clamp(1.65rem, 1.3rem + 1.35vw, 2.7rem);
    letter-spacing: -0.035em;
    line-height: 1.08;
  }

  .bef-showcase__header p:not(.bef-showcase__eyebrow) {
    max-inline-size: 62ch;
    margin: 0.6rem 0 0;
    color: var(--bef-showcase-text);
  }

  .bef-showcase__all {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.4rem;
    padding: 0.7rem 0;
    color: var(--bef-showcase-accent);
    font-weight: 750;
    text-decoration: none;
  }

  .bef-showcase__all:hover {
    text-decoration: underline;
    text-underline-offset: 0.24em;
  }

  .bef-showcase__track,
  .bef-marketing-card-grid {
    display: grid;
    grid-template-columns: repeat(var(--bef-showcase-columns, 3), minmax(0, 1fr));
    gap: clamp(0.8rem, 1.6vw, 1.2rem);
    min-inline-size: 0;
  }

  .bef-showcase-card {
    position: relative;
    min-inline-size: 0;
    overflow: hidden;
    border: 1px solid var(--bef-showcase-line);
    border-radius: 1.1rem;
    background: var(--bef-showcase-surface);
    box-shadow: 0 10px 30px rgb(15 23 42 / 7%);
  }

  .bef-showcase-card__media,
  .bef-showcase-card__media img {
    display: block;
    inline-size: 100%;
  }

  .bef-showcase-card__media {
    overflow: hidden;
    background: #e2e8f0;
  }

  .bef-showcase-card__media img,
  .bef-showcase-card__placeholder {
    aspect-ratio: 16 / 11;
  }

  .bef-showcase-card__media img {
    block-size: auto;
    object-fit: cover;
    transition: scale 220ms ease;
  }

  .bef-showcase-card:hover .bef-showcase-card__media img {
    scale: 1.025;
  }

  .bef-showcase-card__placeholder {
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #172554, #0f766e);
    color: #fff;
    font-size: 2.8rem;
    font-weight: 850;
  }

  .bef-showcase-card__body {
    padding: clamp(0.95rem, 2vw, 1.2rem);
  }

  .bef-showcase-card__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.55rem;
    border-radius: 99rem;
    background: color-mix(in srgb, var(--bef-category-color, var(--bef-showcase-accent)) 10%, #fff);
    color: #334155;
    font-size: 0.72rem;
    font-weight: 800;
  }

  .bef-showcase-card__badge-icon {
    display: inline-grid;
    inline-size: 1rem;
    block-size: 1rem;
    flex: 0 0 1rem;
    color: var(--bef-category-color, var(--bef-showcase-accent));
    place-items: center;
  }

  .bef-showcase-card__badge-icon .bef-local-icon {
    inline-size: 100%;
    block-size: 100%;
  }

  .bef-showcase-card h3 {
    margin: 0.68rem 0 0;
    font-size: clamp(1.05rem, 0.98rem + 0.3vw, 1.25rem);
    line-height: 1.25;
  }

  .bef-showcase-card h3 a {
    color: var(--bef-showcase-ink);
    text-decoration: none;
  }

  .bef-showcase-card h3 a:hover {
    color: var(--bef-showcase-accent);
    text-decoration: underline;
    text-underline-offset: 0.2em;
  }

  .bef-showcase-card__location,
  .bef-showcase-card__excerpt {
    margin: 0.5rem 0 0;
    color: var(--bef-showcase-text);
    font-size: 0.9rem;
  }

  .bef-showcase-card__location span {
    color: #0f766e;
  }

  .bef-showcase--mosaic .bef-showcase__track {
    grid-auto-flow: dense;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .bef-showcase--mosaic .bef-showcase-card {
    grid-column: span 4;
  }

  .bef-showcase--mosaic .bef-showcase-card:first-child {
    grid-column: span 7;
    grid-row: span 2;
  }

  .bef-showcase--mosaic .bef-showcase-card:nth-child(2),
  .bef-showcase--mosaic .bef-showcase-card:nth-child(3) {
    grid-column: span 5;
  }

  .bef-showcase--mosaic .bef-showcase-card:first-child .bef-showcase-card__media img,
  .bef-showcase--mosaic .bef-showcase-card:first-child .bef-showcase-card__placeholder {
    aspect-ratio: 16 / 9;
  }

  .bef-showcase--slider .bef-showcase__track {
    display: flex;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding: 0.2rem 0.1rem 0.9rem;
    scroll-behavior: smooth;
    scroll-padding-inline-start: 0.1rem;
    scroll-snap-type: inline mandatory;
    scrollbar-width: thin;
  }

  .bef-showcase--slider :is(.bef-showcase-card, .bef-testimonial) {
    min-inline-size: min(82vw, 23rem);
    flex: 0 0 min(82vw, 23rem);
    scroll-snap-align: start;
  }

  .bef-showcase__controls {
    display: none;
    justify-content: flex-end;
    gap: 0.5rem;
    margin: -0.45rem 0 0.75rem;
  }

  .bef-showcase.is-enhanced .bef-showcase__controls {
    display: flex;
  }

  .bef-showcase__arrow {
    display: grid;
    inline-size: 2.75rem;
    block-size: 2.75rem;
    place-items: center;
    padding: 0;
    border: 1px solid var(--bef-showcase-line);
    border-radius: 50%;
    background: #fff;
    color: var(--bef-showcase-ink);
    cursor: pointer;
  }

  .bef-showcase__arrow:hover:not(:disabled) {
    border-color: var(--bef-showcase-accent);
    background: var(--bef-showcase-accent);
    color: #fff;
  }

  .bef-showcase__arrow:disabled {
    cursor: not-allowed;
    opacity: 0.38;
  }

  .bef-showcase__arrow svg {
    inline-size: 1.2rem;
    block-size: 1.2rem;
    fill: none;
    stroke: currentcolor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
  }

  .bef-showcase__autoplay {
    min-block-size: 2.75rem;
    padding: 0.55rem 0.85rem;
    border: 1px solid var(--bef-showcase-line);
    border-radius: 999px;
    background: #fff;
    color: var(--bef-showcase-ink);
    cursor: pointer;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 750;
  }

  .bef-showcase__autoplay:hover {
    border-color: var(--bef-showcase-accent);
    color: var(--bef-showcase-accent);
  }

  .bef-showcase--spotlight .bef-spotlight__track {
    gap: 1rem;
    padding-block-end: 1rem;
    scrollbar-width: none;
  }

  .bef-showcase--spotlight .bef-spotlight__track::-webkit-scrollbar {
    display: none;
  }

  .bef-spotlight-slide {
    display: grid;
    min-inline-size: 100%;
    flex: 0 0 100%;
    grid-template-columns: minmax(0, 1.18fr) minmax(19rem, 0.82fr);
    overflow: hidden;
    border: 1px solid var(--bef-showcase-line);
    border-radius: clamp(1.1rem, 2vw, 1.6rem);
    background: #fff;
    box-shadow: 0 20px 52px rgb(15 23 42 / 11%);
    scroll-snap-align: start;
  }

  .bef-spotlight-slide__media {
    display: block;
    min-block-size: clamp(25rem, 47vw, 36rem);
    overflow: hidden;
    background: #dbeafe;
  }

  .bef-spotlight-slide__media :where(img, .bef-showcase-card__placeholder) {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    min-block-size: inherit;
    object-fit: cover;
    transition: scale 240ms ease;
  }

  .bef-spotlight-slide:hover .bef-spotlight-slide__media img {
    scale: 1.025;
  }

  .bef-spotlight-slide__content {
    display: flex;
    min-inline-size: 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: clamp(1.4rem, 4vw, 3.25rem);
    background:
      radial-gradient(
        circle at 100% 0,
        color-mix(in srgb, var(--bef-showcase-accent) 10%, transparent),
        transparent 44%
      ),
      #fff;
  }

  .bef-spotlight-slide__content h3 {
    margin: 0;
    color: var(--bef-showcase-ink);
    font-size: clamp(1.55rem, 1.15rem + 1.45vw, 2.65rem);
    letter-spacing: -0.035em;
    line-height: 1.08;
  }

  .bef-spotlight-slide__content h3 a {
    color: inherit;
    text-decoration: none;
  }

  .bef-spotlight-slide__content h3 a:hover {
    color: var(--bef-showcase-accent);
    text-decoration: underline;
    text-underline-offset: 0.2em;
  }

  .bef-spotlight-slide__location,
  .bef-spotlight-slide__excerpt {
    margin: 0.75rem 0 0;
    color: var(--bef-showcase-text);
  }

  .bef-spotlight-slide__location span {
    color: #0f766e;
  }

  .bef-spotlight-slide__excerpt {
    max-inline-size: 58ch;
    line-height: 1.65;
  }

  .bef-spotlight-slide__features {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
  }

  .bef-spotlight-slide__features li {
    padding: 0.36rem 0.62rem;
    border: 1px solid color-mix(in srgb, var(--bef-showcase-accent) 18%, var(--bef-showcase-line));
    border-radius: 999px;
    background: color-mix(in srgb, var(--bef-showcase-accent) 7%, #fff);
    color: #334155;
    font-size: 0.76rem;
    font-weight: 700;
  }

  .bef-spotlight-slide__facts {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-block-start: 1.15rem;
    color: var(--bef-showcase-ink);
  }

  .bef-spotlight-slide__facts span {
    color: #92400e;
    font-weight: 750;
  }

  .bef-spotlight-slide__content .bef-showcase-button {
    margin-block-start: 1.25rem;
    background: var(--bef-showcase-accent);
    color: var(--bef-button-primary-text, #fff) !important;
  }

  .bef-spotlight-slide__content .bef-showcase-button:is(:hover, :focus-visible) {
    color: var(--bef-button-primary-hover-text, #fff) !important;
  }

  .bef-marketing-card {
    position: relative;
    min-inline-size: 0;
    overflow: hidden;
    padding: clamp(1.2rem, 2.4vw, 1.8rem);
    border: 1px solid color-mix(in srgb, var(--bef-marketing-accent) 18%, var(--bef-showcase-line));
    border-radius: 1.15rem;
    background:
      radial-gradient(
        circle at 100% 0,
        color-mix(in srgb, var(--bef-marketing-accent) 14%, transparent),
        transparent 48%
      ),
      #fff;
    box-shadow: 0 10px 28px rgb(15 23 42 / 6%);
  }

  .bef-marketing-card__icon {
    display: grid;
    inline-size: 3.25rem;
    block-size: 3.25rem;
    place-items: center;
    border-radius: 1rem;
    background: color-mix(in srgb, var(--bef-marketing-accent) 11%, #fff);
    color: var(--bef-marketing-accent);
    font-size: 1.15rem;
  }

  .bef-marketing-card h3 {
    margin: 1.1rem 0 0;
    color: var(--bef-showcase-ink);
    font-size: 1.22rem;
  }

  .bef-marketing-card p {
    margin: 0.55rem 0 0;
    color: var(--bef-showcase-text);
  }

  .bef-marketing-card a {
    display: inline-flex;
    gap: 0.35rem;
    margin-block-start: 1rem;
    color: var(--bef-marketing-accent);
    font-weight: 750;
    text-decoration: none;
  }

  .bef-showcase--marketing-cards.bef-showcase--mosaic .bef-marketing-card-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .bef-showcase--marketing-cards.bef-showcase--mosaic .bef-marketing-card {
    grid-column: span 2;
  }

  .bef-showcase--marketing-cards.bef-showcase--mosaic .bef-marketing-card:first-child {
    grid-column: span 3;
  }

  .bef-testimonial {
    min-inline-size: 0;
    margin: 0;
    padding: clamp(1.2rem, 2.5vw, 1.65rem);
    border: 1px solid var(--bef-showcase-line);
    border-radius: 1.15rem;
    background: #fff;
    box-shadow: 0 9px 28px rgb(15 23 42 / 6%);
  }

  .bef-testimonial__stars {
    color: #b45309;
    letter-spacing: 0.08em;
  }

  .bef-testimonial blockquote,
  .bef-testimonial blockquote p {
    margin: 0;
  }

  .bef-testimonial blockquote p {
    margin-block-start: 0.85rem;
    color: var(--bef-showcase-ink);
    font-size: 1rem;
    line-height: 1.65;
  }

  .bef-testimonial figcaption {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-block-start: 1.1rem;
  }

  .bef-testimonial figcaption > span:last-child {
    display: flex;
    flex-direction: column;
  }

  .bef-testimonial figcaption small {
    color: var(--bef-showcase-text);
  }

  .bef-testimonial__avatar {
    display: grid;
    inline-size: 2.75rem;
    block-size: 2.75rem;
    flex: 0 0 2.75rem;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--bef-showcase-accent) 12%, #fff);
    color: color-mix(in srgb, var(--bef-showcase-accent) 45%, #0f172a);
    font-weight: 850;
  }

  .bef-marketing-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(1.2rem, 4vw, 3.5rem);
    inline-size: 100%;
    margin-block: clamp(2.5rem, 6vw, 5rem);
    padding: clamp(1.5rem, 4vw, 3.5rem);
    overflow: hidden;
    border: 1px solid rgb(255 255 255 / 16%);
    border-radius: clamp(1.2rem, 2vw, 1.7rem);
    background: linear-gradient(125deg, #0f172a, #172554 58%, #0f766e);
    box-shadow: 0 24px 55px rgb(15 23 42 / 18%);
    color: #fff;
  }

  .bef-marketing-cta__content {
    max-inline-size: 48rem;
  }

  .bef-marketing-cta h2 {
    color: inherit;
  }

  .bef-marketing-cta__content > p:last-child {
    max-inline-size: 62ch;
    margin: 0.75rem 0 0;
    color: rgb(255 255 255 / 78%);
  }

  .bef-marketing-cta__actions {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 0.65rem;
  }

  .bef-showcase-button {
    display: inline-flex;
    min-block-size: 3rem;
    align-items: center;
    justify-content: center;
    padding: 0.72rem 1.1rem;
    border: 1px solid transparent;
    border-radius: 0.78rem;
    font-weight: 780;
    text-decoration: none;
  }

  .bef-showcase-button--primary {
    background: #fff;
    color: #172554;
  }

  .bef-showcase-button--secondary {
    border-color: rgb(255 255 255 / 45%);
    color: #fff;
  }

  .bef-marketing-cta--light {
    border-color: var(--bef-showcase-line);
    background: #fff;
    color: var(--bef-showcase-ink);
  }

  .bef-marketing-cta--light .bef-marketing-cta__content > p:last-child {
    color: var(--bef-showcase-text);
  }

  .bef-marketing-cta--light .bef-showcase-button--primary,
  .bef-marketing-cta--accent .bef-showcase-button--primary {
    background: var(--bef-showcase-accent);
    color: #fff;
  }

  .bef-marketing-cta--light .bef-showcase-button--secondary {
    border-color: var(--bef-showcase-line);
    color: var(--bef-showcase-ink);
  }

  .bef-marketing-cta--accent {
    background: var(--bef-showcase-accent);
  }

  .bef-marketing-cta--accent .bef-showcase-button--primary {
    background: #fff;
    color: var(--bef-showcase-accent);
  }

  .bef-marketing-cta--split {
    background: linear-gradient(90deg, #0f172a 0 58%, #0f766e 58%);
  }

  :where(.bef-showcase, .bef-marketing-cta, .bef-builder--categories) :is(a, button):focus-visible {
    outline: 3px solid #f59e0b;
    outline-offset: 3px;
  }

  @media (min-width: 901px) {
    .bef-showcase--mosaic .bef-showcase-card:first-child {
      display: flex;
      flex-direction: column;
    }

    .bef-showcase--mosaic .bef-showcase-card:first-child .bef-showcase-card__media {
      min-block-size: 25rem;
      flex: 1 1 auto;
    }

    .bef-showcase--mosaic .bef-showcase-card:first-child .bef-showcase-card__media img,
    .bef-showcase--mosaic .bef-showcase-card:first-child .bef-showcase-card__placeholder {
      block-size: 100%;
      min-block-size: 25rem;
      aspect-ratio: auto;
      object-fit: cover;
    }

    .bef-showcase--mosaic .bef-showcase-card:nth-child(3n + 4):last-child {
      grid-column: span 12;
    }

    .bef-showcase--mosaic .bef-showcase-card:nth-child(3n + 4):nth-last-child(2),
    .bef-showcase--mosaic
      .bef-showcase-card:nth-child(3n + 4):nth-last-child(2)
      + .bef-showcase-card {
      grid-column: span 6;
    }
  }

  @media (max-width: 900px) {
    .bef-showcase__track,
    .bef-marketing-card-grid,
    .bef-builder--categories .bef-category-grid {
      --bef-showcase-columns: 2 !important;
      --bef-columns: 2 !important;
    }

    .bef-showcase--mosaic .bef-showcase__track {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bef-showcase--mosaic .bef-showcase-card,
    .bef-showcase--mosaic .bef-showcase-card:first-child,
    .bef-showcase--mosaic .bef-showcase-card:nth-child(2),
    .bef-showcase--mosaic .bef-showcase-card:nth-child(3) {
      grid-column: auto;
      grid-row: auto;
    }

    .bef-marketing-cta {
      align-items: flex-start;
      flex-direction: column;
    }

    .bef-marketing-cta--split {
      background: linear-gradient(145deg, #0f172a, #0f766e);
    }

    .bef-spotlight-slide {
      grid-template-columns: minmax(0, 1fr);
    }

    .bef-spotlight-slide__media {
      min-block-size: clamp(17rem, 58vw, 27rem);
    }
  }

  @media (max-width: 600px) {
    .bef-showcase__header {
      align-items: flex-start;
      flex-direction: column;
    }

    .bef-showcase__track:not([aria-roledescription='carousel']),
    .bef-marketing-card-grid,
    .bef-builder--categories .bef-category-grid {
      --bef-showcase-columns: 1 !important;
      --bef-columns: 1 !important;
      grid-template-columns: minmax(0, 1fr);
    }

    .bef-showcase--marketing-cards.bef-showcase--mosaic .bef-marketing-card-grid {
      grid-template-columns: minmax(0, 1fr);
    }

    .bef-showcase--marketing-cards.bef-showcase--mosaic .bef-marketing-card,
    .bef-showcase--marketing-cards.bef-showcase--mosaic .bef-marketing-card:first-child {
      grid-column: auto;
    }

    .bef-marketing-cta__actions,
    .bef-showcase-button {
      inline-size: 100%;
    }

    .bef-showcase--spotlight .bef-showcase__controls {
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
    }

    .bef-showcase--spotlight .bef-showcase__autoplay {
      margin-inline-end: auto;
    }

    .bef-spotlight-slide__content {
      padding: 1.25rem;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .bef-showcase--slider .bef-showcase__track {
      scroll-behavior: auto;
    }

    .bef-category-card,
    .bef-category-card__arrow,
    .bef-showcase-card__media img,
    .bef-spotlight-slide__media img {
      transition: none;
    }
  }

  @media (forced-colors: active) {
    .bef-category-card__icon,
    .bef-marketing-card__icon,
    .bef-testimonial__avatar,
    .bef-showcase-card__badge {
      border: 1px solid currentcolor;
    }
  }
}