ul.csChevron {}

ul.csChevron {
  margin: 0;
  padding: 0;
  display: inline-block;
}

ul.csChevron li {
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
  background: #abd5f4;
  color: #0f2027;
  font-size: 2rem;
  line-height: 1em;
  margin-right: 0.5em;
}
ul.csChevron li:after, ul.csChevron li:before {
  position: absolute;
  content: "";
  border: 0.5em solid transparent;
  z-index: -1;
}
ul.csChevron li:after {
  border-top-color: #abd5f4;
  border-bottom-color: #abd5f4;
  left: -0.5em;
}
ul.csChevron li:before {
  border-right: 0;
  border-left-color: #abd5f4;
  right: -0.5em;
}
ul.csChevron li:first-child:after {
  border-left-color: #abd5f4;
}