.css-ampel {
  display: inline-block;
  width: 90px;
  height: 270px;
  border-radius: 12px;
  position: relative;
  background-color: black;
  zoom: 1.7;
}
 
.css-ampel span,
.css-ampel:before,
.css-ampel:after {
    content: "";
    color: white;
    position: absolute;
    border-radius: 45px;
    width: 66px;
    height: 66px;
    left: 12px;
}    
 
.css-ampel:before {
    top: 18px;
    background-color: red;
    background-color: dimgrey;
}
 
.css-ampel:after {
    top: 102px;
    background-color: yellow;
    background-color: dimgrey;
}
 
.css-ampel span {
    top: 186px;
    background-color: green;
    background-color: dimgrey;
}    
 
.ampelrot:before {
    background-color: red;
    box-shadow: 0 0 60px red;
}
 
.ampelgelb:after {
    background-color: yellow;
    box-shadow: 0 0 60px yellow;
}
 
.ampelgruen span {
    background-color: limegreen;
    box-shadow: 0 0 60px limegreen;
}