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

.icon-tooltip {
  padding: 0 1rem;
  position: relative;
  z-index: 10;

  &--img {
    position: relative;
    z-index: 1;
    margin-top: -2px;
  }

  &--content {
    display: none;
    position: absolute;
    top: 1rem;
    left: 2.5rem;
    background: $tooltip-color;
    font-size: $info-size;
    color: $main-color;
    padding: 1.2rem;
    font-weight: $extra-light;
    min-width: 36rem;
    &:hover{
      display: block;
    }
  }

  img:hover ~ .icon-tooltip--content {
    display: block;
  }
}