html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}

.container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  align-items: center;

  height: 100%;
}

button {
  display: block;
  width: 300px;
  height: 300px;
  margin: 0 auto;

  background-image: radial-gradient(ellipse at center, #ff0505 10%, #960910 85%, #960910 85%);
  ;
  /* border: 8px solid #D6D5DB; */
  box-shadow:
    0px 0px 10px 3px rgba(0, 0, 0, 0.8),
    0 0 0 8px #D6D5DB,
    0 0 0 18px #96989E;
  border-radius: 50%;
}

button:focus {
  outline: none;
  box-shadow:
    0px 0px 10px 3px rgb(0, 174, 255),
    0 0 0 8px #D6D5DB,
    0 0 0 18px #96989E;
}