.icon {

  &.centered {
    margin: 0 auto;
  }
  &-margin-right-medium::before {
    margin-right: 20px;
  }
  &-margin-right-small::before {
    margin-right: 15px;
  }
  &-margin-right-xsmall::before {
    margin-right: 10px;
  }
  &-margin-right-xxsmall::before {
    margin-right: 5px;
  }
  &-margin-left-medium::before {
    margin-left: 20px;
  }
  &-margin-left-small::before {
    margin-left: 15px;
  }
  &-margin-left-xsmall::before {
    margin-left: 10px;
  }
  &-margin-left-xxsmall::before {
    margin-left: 5px;
  }
}

.children-icon {

  &.centered * {
    margin: 0 auto;
  }

  &-margin-right-medium>*::before {
    margin-right: 20px;
  }

  &-margin-right-small>*::before {
    margin-right: 15px;
  }

  &-margin-right-xsmall>*::before {
    margin-right: 10px;
  }

  &-margin-right-xxsmall>*::before {
    margin-right: 5px;
  }

  &-margin-left-medium>*::before {
    margin-left: 20px;
  }

  &-margin-left-small>*::before {
    margin-left: 15px;
  }

  &-margin-left-xsmall>*::before {
    margin-left: 10px;
  }

  &-margin-left-xxsmall>*::before {
    margin-left: 5px;
  }
}