html {
      text-align: center;  
}

button {
        margin-top: 100px;
        /* Außenabstand oben */
        
        padding: 10px 30px;
        /* Innenabstand oben rechts unten links*/
        
        color: #FFF;
        /*color: rgba(250, 0, 0, 0.5);*/
        /*   rgb(250, 0, 0);  wäre rot 
        rgb(250, 250,  0); wäre rot und grün 
        rgba(250, 0,0);     a steht für Transparenz   0.5 ist halb durchsichtig
        */ 
          
        background-color: #db5757;
        box-shadow: 0px 17px 10px -7px   
        rgba(0, 0, 0, 0.4);         
        /* Rahmen mit Schatten und Farbe teilw. durchsichtig */
        
        border: solid 3px #db5757;
        /* Rahmen fest mit 3px und mit Abrundung */
        border-radius: 5px;
        
        font-size: 30px;
        font-family: Arial;
        
        transition: ease-in-out all 300ms;
        /* sanfte Bewegung des Buttons es geht auch ease-in-out */
}

button:hover    {
        color:  #db5757;
        background-color: #FFF;
        
        transform: translate(0px, -10px);
        /* nach oben verschieben durch Maus*/
        box-shadow: 0px 30px 10px -20px 
        rgba(0, 0, 0, 0.2);
        /* 0px  30px nach unten verschieben und 10 px Verkleinerung durch Maus*/
}