.icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  fill: currentColor;
  line-height: 1;
}

.icon-sm {
  width: 12px;
  height: 12px;
}

.icon + span,
span + .icon {
  margin-left: 6px;
}

a .icon,
button .icon {
  transition: transform 0.3s ease;
}

a:hover .icon,
button:hover .icon {
  transform: scale(1.1);
}