.alert-item-outer {
    max-width: fit-content;
    margin-bottom: 46px;
    color: var(--color-blue3);
}

.alert-item-outer[last-item='True'] {
    margin-bottom: unset;
}

.alert-item-title {
    font-weight: 600;
    font-size: clamp(1rem, 5vw - 0.5rem, 1.125rem);;
    line-height: 1;
    margin-bottom: 24px;
    position: relative;
}

.alert-item-line {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    height: 5px;
    width: 42px;
    background-color: currentColor;
    transition: width .3s ease;
}

.alert-item-outer:hover .alert-item-line {
    width: 100%;
    background-color: currentColor;
}

.alert-item-subtitle {
    font-weight: 400;
    font-size: clamp(1rem, 5vw - 0.5rem, 1.125rem);
    line-height: 1.2;
}

.alert-item-date {
    font-weight: 500;
    font-size: clamp(1rem, 5vw - 0.5rem, 1.125rem);
    line-height: 1.2;
}