.button--disabled,
button:disabled {
  &,
  &:hover,
  &:active,
  &:focus {
    background: returnColorCSSVar('gray-20');
    border-color: returnColorCSSVar('gray-20');
    color: returnColorCSSVar('brand-secondary-tint-80');
    pointer-events: none;
  }

  .icon svg,
  &:focus .icon svg {
    fill: returnColorCSSVar('brand-secondary-tint-80');
  }
}

.button--disabled {
  @include bg-variants() {
   @include button-disabled-bg-map;
  }
}