.btn {
  &.btn-inner-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.625em;
  }
  &.btn-inner-icon svg {
    align-items: center;
    fill: currentColor;
    display: inline-block;
    height: calc($btn-line-height * 1em);
    transform: scale(0.8);
    margin: 0 -0.25em;
  }
  &.btn-icon {
    padding: $btn-padding-y;
    border-radius: $border-radius-pill;
    display: inline-flex;
  }
  &.btn-icon svg {
    margin: 0;
    fill: currentColor;
    width: calc($btn-line-height * 1em);
    height: calc($btn-line-height * 1em);
    display: block;
  }
}