.social-icon-link .social-icon {
  height: 1.5rem;
  width: 1.5rem;
}
.social-icon-link .social-icon path {
  transition: all 0.25s ease-in-out;
}
.social-icon-link .social-icon.lg, .social-icon-link .social-icon.lg > svg {
  display: block;
  height: 2.25rem;
  width: 2.25rem;
}
.social-icon-link .social-icon.light path {
  fill: #f8f9fa;
}
.social-icon-link .social-icon.dark path {
  fill: #212529;
}
.social-icon-link .social-icon.primary path {
  fill: var(--bs-primary, #ffda40);
}
.social-icon-link .social-icon.secondary path {
  fill: var(--bs-secondary, #502d0e);
}
.social-icon-link .social-icon.tertiary path {
  fill: var(--bs-tertiary, #1d5970);
}
.social-icon-link .social-icon:hover.light path {
  fill: #e0e5e9;
}
.social-icon-link .social-icon:hover.dark path {
  fill: #2c3237;
}
.social-icon-link .social-icon:hover.primary path {
  fill: color-mix(in srgb, var(--bs-primary, #ffda40) 92%, black);
}
.social-icon-link .social-icon:hover.secondary path {
  fill: color-mix(in srgb, var(--bs-secondary, #502d0e) 92%, black);
}
.social-icon-link .social-icon:hover.tertiary path {
  fill: color-mix(in srgb, var(--bs-tertiary, #1d5970) 92%, black);
}
.social-icon-link .title {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.social-icons {
  list-style: none;
  margin: 0;
  padding: 0;
}
.social-icons li {
  margin: 0;
  padding: 0;
}