@import "../../../assets/scss/variables";

.alternative-tooltip {
    padding: 0 1rem;
    position: absolute;
    top: 5px;
    right: 0;
  
    &--img {
      position: relative;
      z-index: 1;
      margin-top: -2px;
    }
  
    &--text {
      display: none;
      max-width: 25rem;
      min-width:20rem;
      position: absolute;
      top: 1rem;
      left: 2.5rem;
      background: #DFEAF7;
      font-size: $info-size;
      color: $main-color;
      padding: 1.2rem;
      font-weight: $extra-light;
    }
  
    img:hover ~ .alternative-tooltip--text {
      z-index: 10000;
      display: block;
    }
  }