.yoast-breadcrumbs {
    span, a {
        color: var(--wp--preset--color--secondary);
        transition: all 0.25s ease-in-out;
    }

    a {
        &:hover {
            color: var(--wp--preset--color--primary);
        }
    }

    span {
        > span {
            padding: 0 10px;

            &:first-child {
                padding-left: 0;
            }
        }
    }
}