.refreshZitat {
     padding:10px;
     font-size: 1.01rem;
     margin:1rem 2rem;
     background: lightyellow;
     border-radius: 10px;
     cursor: pointer;
   }

 .quote-box {
   text-align: center;
   margin:10px;
   font-family: sans-serif;
 }

 .glass {
   width: 60px;
   height: 90px;
   border: 2px solid #444;
   border-radius: 0 0 10px 10px;
   margin: 20px auto 10px;
   position: relative;
   overflow: hidden;
 }

 .liquid {
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(#c47a2c, #8a4f1d);
   transition: height 0.6s ease;
 }

 #quote {
   min-height: 3em;
   transition: opacity 0.3s ease, transform 0.3s ease;
 }

 .fade-out {
   opacity: 0;
   transform: translateY(-5px);
 }

 .fade-in {
   opacity: 1;
   transform: translateY(0);
 }

 button {
   margin-top: 10px;
   padding: 8px 14px;
   cursor: pointer;
 }