.site-credit {
  display: flex;
  width: max-content;
  max-width: 100%;
  align-items: center;
  gap: 7px;
  margin: 14px auto 0;
  padding-top: 12px;
  border-top: 1px solid rgba(127, 220, 255, 0.14);
  color: #8494a8 !important;
  font-family: "Rubik", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.09em;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: color 0.2s ease, border-color 0.2s ease;
}

.site-credit strong {
  color: #38c6f4;
  font-weight: 700;
}

.site-credit__arrow {
  color: #38c6f4;
  transition: transform 0.2s ease;
}

.site-credit:hover,
.site-credit:focus-visible {
  border-color: rgba(127, 220, 255, 0.38);
  color: #b8c5d5 !important;
}

.site-credit:hover .site-credit__arrow,
.site-credit:focus-visible .site-credit__arrow {
  transform: translate(2px, -2px);
}

.site-credit:focus-visible {
  outline: 2px solid #38c6f4;
  outline-offset: 5px;
}