.mandala {
  display: inline-block;
  position: relative;
  height: 200px;
  width: 200px;
}

.mandala input[type=submit] {
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 200px;
  color: transparent;
}

.mandala input[type=submit]:hover {
  background-color: rgba(255,0,0,0.4);
}

.mandala input[type=submit]:active {
  background-color: rgba(255,0,0,0.6);
}

.button-go {
  clip-path: url(#pathCentre)
}

.button-a1 {
  clip-path: url(#pathA1);
}

.button-a2 {
  clip-path: url(#pathA2);
}

.button-a3 {
  clip-path: url(#pathA3);
}

.button-a4 {
  clip-path: url(#pathA4);
}

.button-a5 {
  clip-path: url(#pathA5);
}

.button-a6 {
  clip-path: url(#pathA6);
}

.button-a7 {
  clip-path: url(#pathA7);
}

.button-a8 {
  clip-path: url(#pathA8);
}

.button-b1 {
  clip-path: url(#pathB1);
}

.button-b2 {
  clip-path: url(#pathB2);
}

.button-b3 {
  clip-path: url(#pathB3);
}

.button-b4 {
  clip-path: url(#pathB4);
}

.button-b5 {
  clip-path: url(#pathB5);
}

.button-b6 {
  clip-path: url(#pathB6);
}

.button-b7 {
  clip-path: url(#pathB7);
}

.button-b8 {
  clip-path: url(#pathB8);
}

.button-c1 {
  clip-path: url(#pathC1);
}

.button-c2 {
  clip-path: url(#pathC2);
}

.button-c3 {
  clip-path: url(#pathC3);
}

.button-c4 {
  clip-path: url(#pathC4);
}

.button-c5 {
  clip-path: url(#pathC5);
}

.button-c6 {
  clip-path: url(#pathC6);
}

.button-c7 {
  clip-path: url(#pathC7);
}

.button-c8 {
  clip-path: url(#pathC8);
}

.button-d1 {
  clip-path: url(#pathD1);
}

.button-d2 {
  clip-path: url(#pathD2);
}

.button-d3 {
  clip-path: url(#pathD3);
}

.button-d4 {
  clip-path: url(#pathD4);
}

.button-d5 {
  clip-path: url(#pathD5);
}

.button-d6 {
  clip-path: url(#pathD6);
}

.button-d7 {
  clip-path: url(#pathD7);
}

.button-d8 {
  clip-path: url(#pathD8);
}

#mandala {
  fill: none;
}

#center {
  fill: red;
  fill:#b8000f;
  stroke:#000;
  stroke-width:2px;
}

#a {
  fill:#b41919;
  stroke:#000;
  stroke-width:2px;
}

#b {
  fill:#7eb419;
  stroke:#000;
  stroke-width:2px;
}

#c {
  fill:#0060ff;
  stroke:#000;
  stroke-width:2px;
}

#d {
  fill:#ffd800;
  stroke:#000;
  stroke-width:1.97px;
}