.contact-email {
  display: inline-block;
  margin-top: 5px;
  color: var(--pale);
  font-weight: 700;
  text-decoration: none;
}

.contact-email:hover,
.contact-email:focus {
  text-decoration: underline;
}

.footer-details {
  text-align: right;
}

.footer-details > a {
  color: var(--pale);
  font-size: .84rem;
  text-decoration: none;
}

.footer-details p {
  margin-top: 5px;
}

[dir="rtl"] .footer-details {
  text-align: left;
}

@media (max-width: 520px) {
  .footer-details {
    text-align: left;
  }
}