
.activity {
    list-style: none;
    margin: 0;
    padding: 0;

    &__item {
        padding-bottom: 15px;
        padding-left: 30px;
        position: relative;
        overflow: hidden;

        &::before {
            content: "";
            width: 10px;
            height: 10px;
            background-color: $color-grey-light-7;
            display: inline-block;
            border-radius: 50%;
            position: absolute;
            top: 7px;
            left: 0;
        }

        &::after {
            content: "";
            width: 1px;
            height: 100%;
            background-color: $color-grey-light-5;
            display: inline-block;
            border-radius: 50%;
            position: absolute;
            top: 25px;
            left: 5px;
        }

        &:last-child {
            padding-bottom: 0;

            &::after {
                content: none;
            }
        }
    }

    &__date {
        display: block;
        font-size: 0.75rem;
    }
}
