body {
  padding: 10px;
  font-family: sans-serif;
}

.button {
  background-color: #04AA6D; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 48px;
}

.btn-green {background-color: #04AA6D;} /* Green */
.btn-blue {background-color: #008CBA;} /* Blue */
.btn-red {background-color: #f44336;} /* Red */
.btn-grey {background-color: #e7e7e7; color: black;} /* Gray */
.btn-black {background-color: #555555;} /* Black */

/* container */
.two-columns-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

/* columns */
.two-columns-grid > * {
    padding:1rem;
}

@media (min-width: 858px) {
    html {
        font-size: 52px;
    }
}
 
@media (min-width: 780px) {
    html {
        font-size: 48px;
    }
}
 
@media (min-width: 702px) {
    html {
        font-size: 40px;
    }
}
 
@media (min-width: 624px) {
    html {
        font-size: 36px;
    }
}
 
@media (max-width: 623px) {
    html {
        font-size: 24px;
    }
}