* {
  /*outline: solid 1px red;*/
}

.footer-link {
  display: inline-block;
  border-bottom: 1px dotted rgba(170, 170, 170, 0.4);
  color: inherit;
  text-decoration: none;
}

.footer-link:hover {
  color: inherit;
  border-bottom: 1px dotted #FFC700;
}

.normal-text-mail {
  font-size: clamp(10px, 6vw, 20px) !important;
  line-height: 1em;
  font-weight: 400;
}

.normal-text {
  font-size: 20px;
  line-height: 1em;
  font-weight: 400;
}

.link-wrapper {
  display: block;
  margin-bottom: 10px;
}

.mailto-link {
  position: relative;
}

.mailto-message {
  top: -5px;
  left: 50%;
  transform: translate(-50%, -100%);
  position: absolute;
  display: none;
  white-space: nowrap;
  font-size: 12px;
  background-color: rgba(170, 170, 170, 0.4);
  color: #ffffff;
  padding: 2px 8px;
}

.mailto-message:after, .mailto-message:before {
  content: '';
}

.mailto-message:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: rgba(170, 170, 170, 0.4);
  border-width: 4px;
  margin-left: -4px;
}

.mailto-link:hover .mailto-message, .mailto-link:focus .mailto-message, .mailto-link:focus-within .mailto-message {
  display: block;
}