html {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
  font-family: Helvetica,Arial,sans-serif;
}
div.button
{
  background: transparent;
  margin: 6px 3% 0 3%;
  border-width: 0px;
  border-style: solid;
  border-color: rgba(0,0,0,.15);
  border-radius: 4px;
  padding: 8px 14px 8px 14px;
  font-weight: var(--font-weight-bold);
  font-size: 15px;
  text-align: left;
  cursor: pointer;
}
div.button.blue
{
  /*color: #1a73e8;*/
  color: #555;
  /*border-color: rgba(26,115,232,.10);*/
  background: rgba(26,115,232,.2);
}
div.button.grey
{
  /*color: #808080;*/
  color: #555;
  /*border-color: rgba(128,128,128,.10);*/
  background: rgba(128,128,128,.2);
}
div.button.red
{
  /*color: #cc4125;*/
  color: #555;
  /*border-color: rgba(204,65,37,.10);*/
  background: rgba(204,65,37,.2);
}

a.button
{
  text-decoration: none;
  display: inline-block;
  padding: 8px 16px;
  /* top, right, bottom, left */
  margin: 0 15px 0 0;
}
a.button:hover
{
  background-color: #ddd;
  color: black;
}
.previous
{
  background-color: #f1f1f1;
  color: black;
}
.next
{
  background-color: #4CAF50;
  color: white;
}
.round
{
  border-radius: 50%;
}
.rounded
{
  border-radius: 4px;
}