.planet {
  mask-image: url(/themes/reaap/images/planet.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  height: 10em;
  text-align: center;
  width: 10em;
  color: white;
}

.planet > div {
  font-family: 'Shantell Sans';
}

.planet:hover {
  mask-image: url(/themes/reaap/images/planete_hover.svg);
  text-decoration: none;
  color: white;
}