#posts-wrapper .output {display:grid; grid-template-columns:repeat(auto-fit, minmax(320px, 1fr)); gap:16px;}
#posts-wrapper .output .single {background:#b0006e;}
#posts-wrapper .output .single .image-wrapper {position:relative; width:100%; height:200px; overflow:hidden;}
#posts-wrapper .output .single .image-wrapper .image {width:100%; height:100%; object-fit:cover; transition:transform 0.3s ease;}
#posts-wrapper .output .single .content-wrapper {display:flex; gap:8px; flex-direction:column; padding:16px;}
#posts-wrapper .output .single .content-wrapper * {color:#fff;}
#posts-wrapper .output .single .content-wrapper .date {font-size:0.8rem;}
#posts-wrapper .output .single .content-wrapper .title {font-size:1.6rem; margin:0; line-height:1.4;}
#posts-wrapper .output .single .content-wrapper .content {font-size:0.8rem;}

#posts-wrapper .output .single:hover .image-wrapper .image {transform:scale(1.05);}

#posts-wrapper .button-wrapper {display:flex; align-items:center; justify-content:center; margin-top:32px;}
#posts-wrapper #get-news-button {background:#003761; color:#fff; border:none; padding:12px 24px; font-size:1rem; display:block; cursor:pointer; transition:background 0.3s ease;}
#posts-wrapper #get-news-button:hover {background:#e6c600;}