challenge-vtex-io-Filipe-Quintanilha/styles/sass/pages/product/vtex.breadcrumb.scss

.container {
  padding: 0 0 16px 40px;
  .homeLink {
    &::before {
      content: 'Home';
    }

    .homeIcon {
      display: none;
    }
  }

  .arrow {
    position: relative;

    .link--1,
    .link--2 {
      position: absolute;
      top: -7px;
      width: 57px;

      &:focus {
        color: transparent;
      }
    }
  }

  .arrow--1,
  .arrow--2 {
    font-size: 0;

    &::after {
      font-size: 12px;
    }
  }

  .arrow--1::after {
    content: 'Sapatos';
    padding-left: 8px;
  }

  .arrow--2::after {
    content: 'Sandálias';
    padding-left: 8px;
  }

  .homeLink::before,
  .arrow--1::after,
  .arrow--2::after {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: $color-gray7;
  }

  .termArrow,
  .term {
    display: none;
  }
}

@media screen and (min-width: 1920px) {
  .container {
    padding-left: 360px;
  }
}