.description {
  pointer-events: none;
  position: absolute;
  font-size: 18px;
  text-align: center;
  
  background: linear-gradient(180deg, rgba(44, 47, 43, 0.2) 0%, rgba(0, 0, 0, 0) 100%), #161515;
  
  padding: 10px 15px;
  z-index: 5;
  height: max-content;
  line-height: 30px;
  margin: 0 auto;
  color: white;
  font-family: Inter, sans-serif;
  border-radius: 5px;
  transform: translateX(-50%);
  display: none;
}
.loc:hover {
  fill: #62defd;
  border: 1px solid red;
  transition: 0.3s ease;
}
.description.active {
  display: flex !important;
   
}
.country--info {
  text-align: left;
}
.country--info .flag {
  font-weight: 700;

}
.desc--country {
  margin-right: 15px;
}
.desc--country.nl img {
vertical-align: middle;
}



.worldmap {
  margin-top: 120px;
}
path.enabled {
  box-shadow: 0 0 0 1px #eee

}
.description::after {
  content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #161515;
}