.history-item {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    &:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        right: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(4, 22, 45, 0) 49.92%, #04162D 100%);
        z-index: 0;
    }
    .history-body {
        position: absolute;
        bottom: 24px;
        width: 100%;
        padding-inline: 38px;
        color: white;
        font-family: var(--DemiBold);
        line-height: 36px;
        span {
            font-size: 20px;
        }
        p {
            font-size: 12px;
        }
        &:before {
            content: "";
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #FFFFFF33;
            position: absolute;
            right: 24px;
            top: 12px;
        }
        &:after {
            content: "";
            width: 4px;
            height: 3px;
            border-radius: 50%;
            background: white;
            position: absolute;
            right: 26px;
            top: 15px;
        }
    }
}