.recent-feeds__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 24px;
}
.tweet-card {
  padding: 25px 20px;
  background: #04203e;
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-family: "Roboto", Sans-serif;
  border: 2px solid #04203e;
}
.tweet-card:hover {
  border: 2px solid #e3ae7e;
}
.tweet-card:hover svg {
  fill: #e3ae7e;
}
.tweet-card:hover svg path {
  fill: #fff;
}
.tweet-card .tweet-text {
  font-size: 16px;
}
.tweet-preview-img img {
  width: 100%;
  height: 130px !important;
  object-fit: cover;
  object-position: center;
}
.tweet-text p {
  margin-bottom: 0;
}
.tweet-handle_name p {
  font-weight: 500;
  margin-bottom: 0;
  font-size: 12px;
}
.tweet-meta a {
  display: inline-block;
  text-decoration: underline !important;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
}
.tweet-meta span {
  text-decoration: underline;
  font-weight: 500;
  font-size: 12px;
}
.tweet-link svg {
  width: 30px;
  height: 30px;
}
@media only screen and (max-width: 1024px) {
  .recent-feeds__wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .recent-feeds__wrapper {
    grid-template-columns: 1fr;
  }
}