.link-container a {
  width: 30%;
  text-align: center;
  padding: 20px 30px;
  text-transform: uppercase;
  font-size: 20px;
  margin-left: 20px;
  margin-top: 20px;
  color: #ffffff;
  text-decoration: none;
}
           .lc-button {
  background-image: linear-gradient(rgb(237, 126, 40), rgb(255, 69, 0));
  background-color: initial;
}
           
                      .dl-button {
  background-image: linear-gradient(rgb(71, 40, 81), rgb(37, 17, 86));
  background-color: initial;
}
     

    .button1{width:50%; display: inline-block;padding:20px;font-size:22px}
.quadrat {
  -webkit-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Safari 4+ */
  -moz-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Fx 5+ */
  -o-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Opera 12+ */
  animation: NAME-YOUR-ANIMATION 1s infinite;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes NAME-YOUR-ANIMATION {
  0%, 49% {
    background-color: #5d0de0;
    border: 3px solid #c32705;
  }
  50%, 100% {
    background-color: #c32705;
    border: 3px solid #5d0de0;
  }
}

     @media only screen and (max-width: 768px)   {
         .link-container{display: block;padding:10px}
         .link-container a{width: 100%;padding: 10px 10px;margin-left: 2px;font-size: 18px;display: inline-block}
         .button1{width:100%; display: inline-block;padding:20px;font-size:22px}
      }