// Кнопка
@mixin type-outlined () {
  fill: $outlined-icon;
  color: $outlined-color;
  border: solid 1px $outlined-border;
  background: $outlined-bg;

  &:hover,
  &:focus {
    background: $outlined-hover-bg;
  }
  &:active {
    background: $outlined-active-bg;
  }
  &[disabled] {
    &,
    &:hover,
    &:focus,
    &:active {
      fill: $outlined-disabled-icon;
      color: $outlined-disabled-color;
      border: solid 1px $outlined-disabled-border;
      background: $outlined-disabled-bg;
    }
  }

  .content {
    font-weight: normal;
  }
}