Status Card: With Alert

<div class="cds  m-t500 g--3">
    <a href="https://www.boston.gov/trash-day-schedule" class="cds-l d-b p-a300">
        <div class="cds-ic m-b500">
            <svg xmlns="http://www.w3.org/2000/svg" width="65" height="65">
                <title>Municipal Buildings</title>
                <g fill="none" fill-rule="evenodd" transform="translate(1 1)">
                    <circle class="svg-stroke-hover" cx="31.5" cy="31.5" r="30.9" stroke="#091F2F" stroke-width="3"></circle>
                    <path class="svg-stroke-hover" stroke="#091F2F" stroke-width="3" d="M38.7 30.3V19H27v-2h-4v2h-3.2v28.4H47v-17z"></path>
                    <path class="svg-fill-hover" fill="#091F2F" fill-rule="nonzero" d="M23 40.4h4v4h-4v-4zm8.7 0h4v4h-4v-4zm8.7 0h4v4h-4v-4zm-17.4-6h4v4h-4v-4zm8.7 0h4v4h-4v-4zm8.7 0h4v4h-4v-4zm-17.4-6h4v4h-4v-4zm8.7 0h4v4h-4v-4zm-8.7-6h4v4h-4v-4zm8.7 0h4v4h-4v-4z"></path>
                </g>
            </svg>
            <svg class="cds-ia" width="28" height="28" viewBox="-1187 1989 24 24" xmlns="http://www.w3.org/2000/svg">
                <title>Alert</title>
                <desc>A red exclamation point in a cirlce.</desc>
                <circle class="svg-stroke-hover" stroke="#FB4D42" stroke-width="3" fill="#FFF" fill-rule="evenodd" cx="-1175" cy="2001" r="10.5" />
                <path d="M-1175 2008.2c-.4 0-.8-.1-1.1-.4-.3-.3-.4-.6-.4-1s.1-.8.4-1c.3-.3.6-.4 1.1-.4.4 0 .8.1 1 .4.2.3.4.6.4 1s-.1.8-.4 1c-.3.2-.6.4-1 .4zm-1.4-14.4h2.8v2.6l-.6 7.2h-1.6l-.6-7.2v-2.6z" class="svg-fill-hover" fill="#FB4D42" fill-rule="evenodd" />
            </svg>
        </div>
        <div class="cds-c">
            <div class="cds-t t--upper t--sans m-b300">City Building Hours</div>
            <div class="cds-d t--subinfo">All municipal buildings are open based on their regular hours of operation.</div>
        </div>
    </a>
</div>