.paragraph--type--social-icons ul {
  padding: 0;
  margin: 0;
}

.paragraph--type--social-icons li {
  display: inline-block;
}

.paragraph--type--social-icons .element-invisible {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
}

.paragraph--type--social-icons.paragraph--view-mode--solo-icono {
  margin-top: var(--spacingSm);
}

.paragraph--type--social-icons.paragraph--view-mode--solo-icono a {
  padding: 1rem;
  border: 1px solid var(--colorGreys500);
  display: block;
  margin: 0 0.75rem 0.75rem 0;
  color: var(--colorPrimaryDefault);
  background-color: var(--colorWhite);
}

.paragraph--type--social-icons.paragraph--view-mode--solo-icono a:hover, .paragraph--type--social-icons.paragraph--view-mode--solo-icono a:focus {
  color: var(--colorBlack);
  border: 1px solid var(--colorBlack);
}

.paragraph--type--social-icons.paragraph--view-mode--icono-texto a {
  padding: var(--spacingXs) var(--spacingSm);
  margin: 0 var(--spacingXs) var(--spacingXs) 0;
  color: var(--colorLinkDefault);
  text-decoration: none;
  font-weight: var(--fontWeightSemibold);
  line-height: 1.5rem;
  display: inline-block;
  background-color: var(--colorWhite);
}

.paragraph--type--social-icons.paragraph--view-mode--icono-texto a svg {
  color: var(--colorBlack);
  margin-right: var(--spacingXs);
  display: inline-block;
  vertical-align: bottom;
}

.paragraph--type--social-icons.paragraph--view-mode--icono-texto a:hover span, .paragraph--type--social-icons.paragraph--view-mode--icono-texto a:focus span {
  text-decoration: underline;
}