.disruption-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-width: 150px;
    border-radius: 5px;
    box-shadow: 0px 6px 20px 0px #131E2929;
    background-color: var(--white, #ffffff);
    height: 100%;
}

h3.disruption-card-date-section {
    padding: 12px;
    background: var(--Success-Green, #6CAF35);
    border-radius: 5px 5px 0px 0px;
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
    letter-spacing: 0;
    text-align: center;
    color: var(--black, #000000) !important;
    width: 100%;
    margin:0px;
}

.disruption-card-content-section {
    padding: 20px;
    border-radius: 0px 0px 5px 5px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    height:100%;
    justify-content:space-between;
}

.disruption-card-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    width: 100%;
}

.disruption-card-icon {
    width: 48px;
    height: 48px;
    aspect-ratio: 1/1;
}

h4.disruption-card-title {
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 1.50 !important;
    letter-spacing: 0;
    text-align: center;
    color: var(--coalescent, #131E29) !important;
    font-family: 'Averta', Sans-Serif !important;
    margin:0px;
    
}

.disruption-card-desc {
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.50 !important;
    letter-spacing: 0;
    text-align: center;
    color: var(--coalescent, #131E29) !important;
    margin:0px;
}

.disruption-card-cta-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

h3.disruption-card-date-section.red-header-bg {
    background: var(--Destructive-Watermellon, #C0414D);
    color: #FFFFFF !important;
}

h3.disruption-card-date-section.lightgrey-header-bg {
    background: var(--Neutrals-BrightGrey, #E7EBF3);
}

h3.disruption-card-date-section.green-header-bg {
    background: var(--Success-Green, #6CAF35);
}

h3.disruption-card-date-section.yellow-header-bg {
    background: var(--Warnings-Maize, #F4CA40);
}