.breadcrumbsCont {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px 10px;
    padding: 0 0 20px 0;
    background-color: var(--wp--preset--color--base-1);
    border-radius: 10px;
    position: relative;
}

.breadcrumbsCont::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 5px;
    background-color: var(--wp--preset--color--custom-accent);
    border-radius: 5px;
}

.breadcrumbWrap {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    text-decoration: none;
    line-height: 1.2;
    outline: none !important;
    border: none !important;
    transition: 400ms ease-in-out;
    font-size: 1.125rem;
}

.breadcrumbWrap:hover {
    color: var(--wp--preset--color--custom-accent-2);
}

.breadcrumbWrap span {
    position: relative;
}

.breadcrumbWrap:not(:last-child)::after {
    content: '/';
    display: inline-block;
}