/* ==========================================================================
   announcements.css - Announcement-specific styling.
   Shared chrome (footer, buttons, badges, spinner, base type) now lives in
   the foundation files; this file only holds the announcement card.
   Load after the foundation files.
   ========================================================================== */

.announcementCard {
    border: 1px solid #d5d6d8;
    background-color: white;
    border-radius: 1px;
    box-shadow: 0 4px 13px rgba(84, 41, 137, .1);
    margin-bottom: 1.5rem;
    transition: all .4s ease;
    min-width: 250px;
}

.announcementCard:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 13px rgba(84, 41, 137, .25);
    border: 1px solid #55298a;
}