.sharer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-small);
  margin-block-start: var(--margin-medium);
}
.sharer__title {
  font-size: 1.125rem;
  font-weight: var(--font-weight--regular);
  margin-block: 0;
}
.sharer .share__row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.sharer .button {
  --border-radius: var( --border-radius-large );
  --background: var( --color-white );
  --border-width: 0.0625rem;
  --border-style: solid;
  --border-color: hsla( 345, 6%, 13%, 0.15 );
  --color: var( --color-text );
  --icon-scale: 1rem;
  transition: var(--transition);
}
.sharer .button svg {
  transition: var(--transition);
}
.sharer .button:hover, .sharer .button:focus-visible {
  --background: var( --color-primary--hover );
  --border-color: var( --color-primary--hover );
  --color: var( --color-white );
}