.card {
  max-width: 300px;
  margin: auto;
  text-align: center;
  border-radius: 25px;
  background-color: #F5F5F5;
}

.row .title {
  color: grey;
  font-size: 18px;
}

.row button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color: #009edb;
  text-align: center;
  cursor: pointer;
  width: 80%;
  margin-top: 3%;
  margin-bottom: 10%;
  font-size: 18px;
  border-radius: 25px;
}

.row a {
  text-decoration: none;
  font-size: 22px;
  color: black;
}

.row button:hover {
  opacity: 0.7;
  border-radius: 25px;
}

.column {
  float: left;
  width: 25%;
  padding-bottom: 5%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.card img {
  margin-top: 10%;
  width: 80%;
  height: 250px;
  object-fit: cover;
  border-radius: 25px;
}