.social-list-items {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.social-link-item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.875rem 1.25rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  transition: 0.3s;
  font-weight: 300;
  font-size: 1.125rem;
}
.social-link-item:hover {
  opacity: 0.6;
}
@media (max-width: 589px) {
  .social-list-items {
    flex-direction: column;
    align-items: start;
  }
}
@media (max-width: 489px) {
  .social-list-items {
    gap: 0.375rem;
  }
}