.speech_out{
  position: relative
}
.speech {
  line-height: 1.3;
  font-size: 13px;
  position: absolute;
  background: #132843;
  color: white;
  border-radius: 20px;
  padding: 20px;
  max-width: 200px;
  display: none;
  opacity: 0;
  z-index: 5;
  text-align: left;
}
.speech_LinkGen {
  line-height: 1.1;
  font-size: 12px;
  position: absolute;
  background: #132843;
  color: white;
  border-radius: 20px;
  padding: 20px;
  max-width: 200px;
  display: none;
  opacity: 0;
  z-index: 5;
  text-align: left;
}


.bottom::after {
  content: '';
  border: 20px solid transparent;
  border-top-color: #132843;
  border-bottom: 0;

  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -20px;
}

.top::after {
  content: '';
  border: 20px solid transparent;
  border-bottom-color: #132843;
  border-top: 0;
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -20px;
}

.left::after {
  content: '';
  border: 20px solid transparent;
  border-right-color: #132843;
  border-left: 0;
  position: absolute;
  left: -20px;
  top: 50%;
  margin-top: -20px;
}

.right::after {
  content: '';
  border: 20px solid transparent;
  border-left-color: #132843;
  border-right: 0;
  position: absolute;
  right: -20px;
  top: 50%;
  margin-top: -20px;
}