.hint {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative; }
  .hint__svg {
    margin-left: 1rem;
    z-index: 100;
    pointer-events: all !important; }
    .hint__svg:hover ~ .hint__box {
      opacity: 1;
      display: flex;
      z-index: 10000;
      visibility: visible; }
  .hint__box {
    opacity: 0;
    visibility: hidden;
    z-index: -1000;
    top: 0;
    left: 100%;
    position: absolute;
    transition: all .3s;
    background: #FF4EFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 10px; }
    @media screen and (min-width: 850px) {
      .hint__box {
        width: 26rem; } }
    .hint__box__wrapper {
      padding: 1rem 1.71rem 1.71rem 1.71rem;
      display: flex;
      flex-direction: column;
      gap: 1rem; }
    .hint__box__text {
      font-weight: 400;
      font-size: 1.71rem;
      line-height: 130%;
      letter-spacing: -0.05em;
      color: #FFFFFF; }
    .hint__box__list {
      margin-top: 2.14rem;
      display: flex;
      flex-direction: column;
      gap: 1.71rem;
      list-style-type: none; }
      .hint__box__list__el {
        font-size: 1.54rem;
        line-height: 95%;
        letter-spacing: -0.05em;
        color: #FFFFFF; }
        @media screen and (max-width: 850px) {
          .hint__box__list__el {
            font-size: 15px;
            white-space: nowrap; } }
      .hint__box__list__el::before {
        content: "";
        display: inline-block;
        aspect-ratio: 31/16;
        width: 2.65rem;
        margin-right: 1.37rem;
        background: url("/assets/svg/BuyGb/list-el.svg");
        background-size: 100%; }
    .hint__box__button {
      margin-top: 2rem;
      padding: 0.9rem 4.9rem !important;
      font-weight: 600 !important;
      font-size: 1.54rem !important;
      line-height: 140.5%;
      text-transform: uppercase;
      color: #FFFFFF;
      background: #FF4EFF;
      border-radius: 43px;
      align-self: flex-start; }