<button>I'm a button</button>
@media (any-pointer: fine) {
  button {
    background: royalblue;
    width: 120px;
    height: 30px;
  }
}

@media (any-pointer: coarse) {
  button {
    background: indigo;
    width: 360px;
    height: 90px;
  }
}

button {
    border: none;
    font-weigth: bold;
    color: white;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.