html {
  font-size: 10px;
}

.link-box {
  box-sizing: border-box;
  width: 32.6rem;
  padding: 2.4rem;
}

@media (min-width: 1440px) {
  .link-box {
    width: 38.4rem;
    padding: 4rem;
  }
}

.link-box h1 {
  font-size: x-large;
}

.box-subtitle {
  font-size: small;
}

.social-link {
  width: 100%;
  background-color: var(--bs-tertiary-bg);
}

a.social-link:hover {
  background-color: hsl(75, 94%, 57%);
  color: var(--bs-secondary);
}

a.social-link:focus {
  background-color: hsl(75, 94%, 57%);
  color: var(--bs-secondary);
}

.box-location {
  font-size: small;
}