.breadcrumbs {
    display: flex;
    align-items: center;
    gap: var(--y-space-4);
    font-size: var(--y-space-16);
    padding-block: var(--y-space-16);
    font-weight: 700;
  }
  .breadcrumbs a {
    color: #1F2937;
  }
  .breadcrumbs a::after{
    content: "/";
    color: #1F2937;
    margin-right: var(--y-space-4);
  }
  .breadcrumbs p {
    color: #1F2937B2;
  }
  
  @media (max-width: 480px) {
    .breadcrumbs {
      font-size: var(--y-space-12);
      flex-wrap: wrap;
    }
    .breadcrumbs p {
      font-size: var(--y-space-12);
    }
  }