.breadcrumb {
    ul {
        list-style: none;
        display: flex;
        align-items: baseline;

        margin: 0;
        padding: 0;

        li {
            &:after {
                font-size: 1.2rem;
                margin: 0 0.5em;
                content: "\21E2";
            }

            &:last-child {
                &:after {
                    content: '';
                    margin: 0;
                }
            }

            a {
                color: var(--danger);

                &:hover {
                    color: var(--text-contrast);
                }
            }
        }
    }
}