News Article Component - Copy this Angular, Css Component to your project

Generate better this code <div class="views row"> <div class="views row__hero image loading"> <div class="usa hero" style="background image: url('/images/99QJMJyJj8Q7.jpg')"> <div class="grid container"> <div class="usa hero__callout"> <h1 class="usa hero__heading" id="c98056"><span class="usa hero__heading alt">DHS Anuncia la Extensión y Redesignación de Yemen al Estatus de Protección Temporal</span></h1> <div class="usa hero__description"> <p>El 8 de julio de 2024, el secretario de Seguridad Nacional, Alejandro N. Mayorkas, anunció la extensión y redesignación de Yemen para TPS por 18 meses, desde el 4 de septiembre de 2024 hasta el 3 de marzo de 2026.</p> </div><a class="usa button usa hero__callout__button btn btn anchor" aria describedby="c98056" href="/es/noticias/comunicados de prensa/el secretario mayorkas anuncia la extension y redesignacion de yemen al estatus de proteccion">Aprenda mas</a> </div><button type="button" class="pause slider" title="Pause Slider" aria label="Pause" slider="" style="background: none;position: relative;top: 6px;border: none;padding: 5px;width: 25px;height: 25px;min width: 25px;max width: 100%;"><img src="images/mzBNl7Wxr1SL.svg" alt="Pause Slider"></button> </div> </div> </div> </div>