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




.events-popup{
  position: absolute;
  top: 100%;
  left: 50%;
  background-color: $main-color;
  padding: 50px;
  z-index: 100000000000000000000;

  & .pointer{
    position: absolute;
    top: -5px;
    left: calc(50%);
    transform: translateX(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    background-color: $main-color;
    z-index: 1100000000000000000000000;

  }

  &.right{
    transform: translateX(-88%);
    &:after{
      left: 88%;
    }
  }

 p{
    color: white;
  }

}