/* Iconografía comprensible en todos los tamaños. */
.header-share,
footer button,
.hero-actions .button,
.share-modal-actions .button {
  gap: 8px;
}

.header-share .bi,
footer button .bi,
.hero-actions .bi,
.share-modal-actions .bi {
  flex: 0 0 auto;
  font-size: 1rem;
  line-height: 1;
}

.contact-icon .bi {
  font-family: bootstrap-icons;
  font-size: 1.05rem;
  line-height: 1;
}

.header-share::after {
  display: none;
}

@media (max-width: 760px) {
  .header-share {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid rgba(244, 230, 202, .5);
  }

  .header-share span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
}