.card {
  width: 350px;
  border-radius: 10px;
  background-color: var(--primary-bg-color);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.card-avatar {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.card-content {
  padding: 0 1rem;
  font-family: "Inter-Medium";
}

.card figure {
  border: 1px solid black;
}
.card-title {
  color: var(--primary-text-color);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
}

.card-description {
  color: var(--secondary-text-color);
  font-size: 18px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
}

.card-footer {
  padding: 0 1rem;
}

.author-details {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-bottom: 1rem;
}

.author-name {
  color: rgb(95, 89, 89);
  color: var(--primary-text-color);
  font-family: "Inter-Regular";

  font-family: "Inter-Bold";
}
.post-info {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-family: "Inter-Regular";
  color: rgba(128, 128, 128, 0.53);
  color: var(--secondary-text-color);
  font-size: 14px;
  padding: 2px 0;
}

.readtimeWrapper {
  display: flex;
  align-items: center;
  gap: 3px;
}

.author-avatar {
  border-radius: 50%;
}

.customLink {
  text-decoration: none;
  color: inherit;
}
