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