@mixin disabled() {
  &--disabled,
  &[disabled] {
    opacity: 0.3;
    cursor: not-allowed;
  }
}