.container {
   width: 30%;
   margin-top: 9%;
   box-shadow: 0 3px 20px rgba(0,0,0,0.3);
   padding: 40px;
}
.tombol {
   width: 35%;
}

/* Reponsive Breakpoint */

@media (max-width: 1024px) {
   .container {
      width: 90%;
      margin-top: 9%;
      box-shadow: 0 3px 20px rgba(0,0,0,0.3);
      padding: 40px;
   }
   .tombol {
      width: 30%;
   }
}

@media (max-width: 768px) {
   .container {
      width: 90%;
      margin-top: 9%;
      box-shadow: 0 3px 20px rgba(0,0,0,0.3);
      padding: 40px;
   }
   .tombol {
      width: 30%;
   }
}
@media (max-width: 500px) {
   .container {
      width: 90%;
      margin-top: 9%;
      box-shadow: 0 3px 20px rgba(0,0,0,0.3);
      padding: 40px;
   }
   .tombol {
      width: 30%;
   }
}