@use '../variables/colors';
@use '../variables/spacing';
@use '../variables/line-height';

.shares {
  margin: spacing.$size-n1 0;
}

a.shares__item {
  color: colors.$black;
  font-size: 1.05rem;
  line-height: line-height.$attribution;
  text-decoration: none;
  margin: 0 spacing.$size-n1 0 0;
}

a.shares__item:hover,
a.shares__item:focus,
a.shares__item:active {
  color: colors.$dark-orange;
  text-decoration: none;
}

.icon {
  display: inline-block;
  fill: currentColor;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  width: 1em;
}

.icon-twitter {
  width: 0.9285714285714285em;
}

.icon-facebook {
  width: 0.5881428571428571em;
}