.gero-in-showroom {
  --color-showroom: #c98568;

  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;

  .gero-stock-status + & {
    margin-top: 0.8rem;
  }

  &.available,
  &.other,
  &.unavailable {
    color: var(--color-showroom);
  }
}

.gero-in-showroom-icon {
  display: inline-flex;
  flex-shrink: 0;

  svg {
    display: block;
  }
}

.gero-in-showroom-cta {
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
  margin-bottom: 4rem;
  padding: 4rem 5rem;
  background-color: var(--gero-showroom-cta-background, var(--color-button-primary-background));
  color: var(--gero-showroom-cta-text, #fff);

  p {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
  }

  a {
    gap: 1rem;
    flex-shrink: 0;

    svg {
      width: 1.6rem;
      height: 1.6rem;
    }

    span {
      @media screen and (max-width: 989px) {
        font-size: 1.2rem;
      }
    }

    @media screen and (max-width: 989px) {
      margin-top: 1rem;
    }
  }

  @media screen and (max-width: 989px) {
    padding: 3rem 2rem;
  }

  @media screen and (min-width: 990px) {
    display: flex;
  }

  &.gero-in-showroom-cta--narrow {
    max-width: 96rem;
    margin-inline: auto;
    border-radius: 1.6rem;
  }
}

gero-in-showroom-cta {
  display: block;

  &[data-status=""],
  &:not([data-status="available"]) .gero-in-showroom-cta__text--available,
  &:not([data-status="other"]) .gero-in-showroom-cta__text--other {
    display: none;
  }
}