:root {
  --gray-50: #f8f9fa;
  --gray-100: #f1f3f5;
  --gray-200: #e9ecef;
  --gray-300: #dee2e6;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #868e96;
  --gray-700: #495057;
  --gray-800: #343a40;
  --gray-900: #212529;
}

.card-forum {
  display: flex;
  padding: 2.4rem 1.6rem;
  margin-bottom: 2.4rem;
  border-radius: 8px;
  box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
  background-color: var(--white);
}
.card-forum__left {
  width: 15%;
  padding-top: 1.6rem;
  padding-left: 1.6rem;
  font-size: 1.2rem;
  color: var(--gray-700);
}
.card-forum__right {
  display: flex;
  flex-direction: column;
  width: 85%;
}
.card-forum__title {
  font-weight: normal;
}
.card-forum__title a:link,
.card-forum__title a:visited {
  font-size: 2.4rem;
  padding-left: 0;
  line-height: 1.2;
}
.card-forum__details {
  font-size: 1.2rem;
}
.card-forum__img-box {
  /* display: flex;
  justify-content: center; */
  height: 25.6rem;
}
.card-forum__img {
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-forum__utils {
  display: flex;
  font-size: 1.2rem;
}
.card-forum__category {
  padding: 0.4rem 0.8rem;
  background-color: var(--gray-100);
  border-radius: 4px;
}
.card-forum__author {
  margin-left: auto;
  color: grey;
}
.card-forum__author-link {
  display: inline-block;
  color: var(--gray-900);
}
.card-forum__author-link i {
  margin-right: 0.4rem;
}
.forum__utils {
  font-size: 1.2rem;
}
.forum__author-link {
  display: block;
  text-decoration: none;
  color: var(--gray-900);
}
.forum__author-link i {
  margin-right: 4px;
}
.forum__title {
  font-size: 2.4rem;
  font-weight: normal;
}
.forum__details {
  font-size: 1.6rem;
}
.forum__img {
  display: block;
  width: 100%;
  max-height: 50vh;
  margin-bottom: 1.6rem;
}
.forum__tag {
  display: inline-block;
  font-size: 1.2rem;
  background-color: var(--gray-200);
  border-radius: 4px;
  padding: 4px 8px;
}
.forum__btn,
.forum__btn:link,
.forum__btn:visited {
  color: var(--gray-100);
  background-color: #10b981;
  padding: 2px 8px;
  margin: 0 4px;
}
.forum__btn:link i {
  color: var(--gray-100);
  margin-right: 0;
}
.forum__btn-danger,
.forum__btn-danger:link,
.forum__btn-danger:visited {
  color: crimson;
}