.cd-social-page-hero {
  background-image:
    linear-gradient(90deg, rgba(17, 17, 17, .85), rgba(17, 17, 17, .57)),
    url('../images/Hair-Style.webp');
  background-position: center 42%;
}

.cd-social-page-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  padding: 22px 20px;
  background: var(--color-canvas);
}

.cd-social-page-nav a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  padding: 9px 18px;
  border: 1px solid var(--accent-gold);
  color: var(--color-text);
  font: 700 14px/1.3 Catamaran, sans-serif;
  text-decoration: none;
}

.cd-social-page-nav a:hover,
.cd-social-page-nav a:focus-visible {
  background: var(--color-text);
  color: var(--color-canvas);
}