.breadcrumbs {
  .breadcrumb {
    color: $white;
    opacity: 0.7;
    text-decoration: none;

    &:hover {
      color: $primary-invert;
      opacity: 1;
    }

    + .breadcrumb {
      margin-left: 15px;
      &::before {
        content: "/";
        color: $primary;
        position: relative;
        left: -7px;
      }
    }

    &:last-child {
      opacity: 1;
    }
  }
}