/**
 * @file
 * Defines styles for the social share component.
 */

.social-share {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
  margin: 0;
}

.social-share__item__link {
  display: block;
  padding: var(--spacing-xs);
}

.social-share .icon svg {
  width: 1.25rem;
  height: 1.25rem;
}

.social-share svg path {
  fill: var(--color-white);
}

.social-share .icon svg path:hover {
  fill: var(--color-primary-dark);
}