.card-breadcrumb {
    @include rem-fallback(bottom, -18px / 16px);
    color: $white;
    position: absolute;
    .btn {
        &:last-child {
            padding: 0px 5px 0px 10px;
        }
        &:first-child {
            padding: 0px 5px 0px 5px !important;
        }
        @include rem-fallback(font-size, 12px / 16px);
        @include rem-fallback(border-radius, 3px / 16px);
        @include rem-fallback(line-height, 17px / 16px);
        padding: 0px 15px;
        &:hover,
        &:active {
            box-shadow: none !important;
            color: $white !important;
        }
        &:not(:last-child) {
            &:after {
                @include rem-fallback(margin-top, -10px / 16px);
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 10px solid transparent;
                border-bottom: 10px solid transparent;
                border-left: 6px solid white;
                position: absolute;
                top: 50%;
                left: 100%;
                z-index: 3;
            }
            &:before {
                @include rem-fallback(margin-top, -11px / 16px);
                @include rem-fallback(margin-left, 1px / 16px);
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 11px solid transparent;
                border-bottom: 11px solid transparent;
                border-left: 7px solid $white;
                position: absolute;
                top: 50%;
                left: 100%;
                z-index: 3;
            }
        }
        &.bg-default {
            background-color: #666666 !important;
            border-color: #666666 !important;
            &:not(:last-child):after {
                border-left: 6px solid #666666;
            }
            &:hover,
            &:active {
                background-color: #666666 !important;
                border-color: #666666 !important;
            }
        }
        &.bg-success {
            background-color: #34783A !important;
            border-color: #34783A !important;
            &:not(:last-child):after {
                border-left: 6px solid #34783A;
            }
            &:hover,
            &:active {
                background-color: #34783A !important;
                border-color: #34783A !important;
            }
        }
        &.bg-danger {
            background-color: #C03D1F !important;
            border-color: #C03D1F !important;
            &:not(:last-child):after {
                border-left: 6px solid #C03D1F;
            }
            &:hover,
            &:active {
                background-color: #C03D1F !important;
                border-color: #C03D1F !important;
            }
        }
    }
}