#get-news-wrapper .output {display:grid; grid-template-columns:repeat(auto-fit, minmax(320px, 1fr)); gap:16px;}
#get-news-wrapper .output .single {background:#003761;}
#get-news-wrapper .output .single .image-wrapper {position:relative; width:100%; height:200px; overflow:hidden;}
#get-news-wrapper .output .single .image-wrapper .image {width:100%; height:100%; object-fit:cover; transition:transform 0.3s ease;}
#get-news-wrapper .output .single .image-wrapper .label {background:#00689f; padding:4px 8px; color:#fff; position:absolute; bottom:8px; left:8px; font-size:0.8rem; display:inline-flex; align-items:center; justify-content:center; gap:4px;}
#get-news-wrapper .output .single .content-wrapper {display:flex; gap:8px; flex-direction:column; padding:16px;}
#get-news-wrapper .output .single .content-wrapper * {color:#fff;}
#get-news-wrapper .output .single .content-wrapper .date {font-size:0.8rem;}
#get-news-wrapper .output .single .content-wrapper .title {font-size:1.6rem; margin:0; line-height:1.4;}
#get-news-wrapper .output .single .content-wrapper .content {font-size:0.8rem;}

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

#get-news-wrapper .button-wrapper {display:flex; align-items:center; justify-content:center; margin-top:32px;}
#get-news-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;}
#get-news-wrapper #get-news-button:hover {background:#e6c600;}