.status{
    --status: theme(colors.black);
    @apply flex items-center my-xs;
    span{
        background-color: var(--status);
        @apply w-2.5 h-2.5 mr-2.5;
    }
    &--expired{
        --status: theme(colors.yellow.100)
    }
    &--completed{
        --status: #4B9072
    }
}