Need help in writing complex selectors.

[tawhidurrahman]

I need help in writing these complex selector styles.

How should I write the below scss selector styles in vanilla-extract?

.btn {
  &.disabled,
  &:disabled,
  &[disabled],
  fieldset[disabled] & {
      &,
      &:hover,
      &:focus,
      &.focus,
      &:active,
      &.active {
          background-color: #333;
          border-color: #444;
      }
    }
}

or this

.btn {
  &:hover,
  &:focus,
  &:not(:disabled):not(.disabled):active,
  &:not(:disabled):not(.disabled).active,
  &:not(:disabled):not(.disabled):active:focus,
  &:not(:disabled):not(.disabled).active:focus,
  &:active:hover,
  &.active:hover,
  .visible > &.toggle,
  .visible > &.toggle:focus,
  .visible > &.toggle:hover {
      background-color: #222;
      color: #666;
      box-shadow: none;
  }
}