.budi-newsarticle-block {
   margin-top: 40px;
}

.budi-newsarticle__card {
   border: 1px solid var(--neutral-500);
   color: var(--neutral-black);
   position: relative;
   width: calc(33.33% - 16px);
   flex-shrink: 0;
   display: flex;
   flex-direction: column;
}

.budi-newsarticle__card-thumb {
   height: 344px;
}

.budi-newsarticle__card-thumb-img {
   transition: all 1s ease-in-out;
}

.budi-newsarticle__card-content {
   padding: 16px;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
}

.budi-newsarticle__date,
.budi-newsarticle__category {
   font-size: 12px;
   line-height: 1.5;
}

.budi-newsarticle__category {
   color: var(--primary);
   text-transform: uppercase;
   letter-spacing: 0.04em;
}

.budi-newsarticle__date-icon {
   width: 12px;
   height: 12px;
}

.budi-newsarticle__summary p {
   font-size: 14px;
   line-height: 1.5;
   color: var(--neutral-800);
   margin-bottom: 2px;
}

.budi-newsarticle__btn {
   margin-top: auto;
}

.budi-article-footer {
   background: #f3f3f3;
}

.budi-article-tags {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
}

.budi-article-tag {
   display: inline-block;
   padding: 6px 12px;
   border-radius: 999px;
   background: #e6e6e6;
   color: #333;
   font-size: 12px;
   line-height: 1;
}

.budi-article-author-label {
   color: #666;
   font-size: 13px;
}

.budi-article-author-name {
   font-weight: 700;
   color: #111;
}

.budi-article-meta + .budi-article-meta {
   margin-top: 12px;
}

@media (max-width: 991px) {
   .budi-newsarticle__card-thumb {
      height: 220px;
   }

   .budi-newsarticle__card {
      width: 100%;
   }
}