counter-style.css

@counter-style my-alpha {
  system: fixed;
  symbols: A B C;
  suffix: " ";
}

@COUNTER-STYLE my-alpha {
    system: fixed;
    symbols: A B C;
    suffix: " ";
}

@counter-style my-alpha {
  system: fixed;
  symbols: Ⓐ Ⓑ Ⓒ;
  suffix: " ";
}

@media (max-width: 400px) {
  @counter-style my-alpha {
    system: fixed;
    symbols: A B C;
    suffix: " ";
  }

  @supports (display: flex) {
    @counter-style my-alpha {
      system: fixed;
      symbols: a b c;
      suffix: " ";
    }
  }

  @counter-style my-alpha {
    system: fixed;
    symbols: Ⓐ Ⓑ Ⓒ;
    suffix: " ";
  }
}