Hot button – ƒ

dabblet.css

/* Hot button – ƒ */

button {
  background: red;
  border: 0.1em solid orange;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.65);
  border-radius: 1em;
}




body, html {
  background-image: radial-gradient(55% 45%, ellipse cover, #eee, #999 130%);
  min-height:100%;
  font-size: 40px;
}

button {
  position: absolute;
  top: 50%; left: 50%;
  width: 20em;
  height: 2em;
  margin-left: -10em;
  margin-top: -1em;
}

dabblet.html

<button>Attractive Horse</button>

settings.json

{"page":"css","view":"split"}