.heading-with-stars_cel {
  --icon-size-small: 48px;
  --icon-size-large: 51px;
  --position-inline-offset: 30px;

  & svg {
    height: auto;
    width: 100%;
  }

  &:not(.heading-with-stars_cel--full) {
    .heading {
      text-wrap: inherit;
    }
  }

  & .heading-with-stars_cel__wrapper {
    position: relative;
    text-align: center;
     .heading{
       font-size: var(--font-size-64) !important;
      @media screen and (width <= 700px) {
       font-size: var(--font-size-46) !important;
      }
  }
  @media screen and (max-width: 768px){
     .heading{
    max-width: 300px;
                font-size: var(--font-size-46) !important;
                line-height: normal;
                margin: 0 auto;
                text-align: center;
  }
  }
  }

  & .star {
    display: block;
    position: absolute;
    width: var(--icon-size-small);

    @media screen and (width >= 1280px) {
      width: var(--icon-size-large);
    }
  }
 

  & .heading-with-stars_cel__top {
    margin-left: var(--spacer-24);
    right: 35px;
        top: -16px;

    @media screen and (width >= 1280px) {
      right: -64px;
      top: 0;
    }
     @media screen and (width <= 700px) {
               right: 20px;
        top: -26px;
      }
  }

  & .heading-with-stars_cel__bottom {
    bottom: -60px;
    left: 0;

    @media screen and (width >= 1280px) {
      bottom: 0;
      left: -64px;
    }
  }

  & .heading-with-stars_cel__bottom--hide-mobile {
    @media screen and (width < 1280px) {
      display: none;
    }
  }
}