.mem button  {
  background: rgb(194, 142, 14) !important;
  width: 100%; 
  border-width: initial; 
  border-style: none; 
  border-radius: 25px;
  border-color: initial; 
  font-size: 1.5em; 
  text-align: left;
  color: white;
  padding: 5px;
}


@media only screen and (max-width: 765px) {
   button .mem {
     font-size: 1em; 
   }

   tr td {
      max-width: 30px;
   }

   table {
     font-size: inherit !important; 
     border: 1px solid black;
   }
}

table {
   border: 0;
   border-collapse: separate;
   border-radius: 10px;
}

tr= {
   border: 0;
   border-collapse: separate;
   border-radius: 10px;
}

th {
   border: 0;
   border-collapse: separate;
   border-radius: 10px;
}

td {
   border: 2px solid black;
   <!-- border-spacing: 0; -->
   border-collapse: separate ;
   border-radius: 10px;
   box-shadow: 0 1px 0 0 black;
}



th {
   background: rgb(194, 142, 14) !important;
   padding: 10px 10px;
}