.cc-ribbon,
.cc-ribbon:before,
.cc-ribbon:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cc-ribbon {
    color: white;
    display: inline-block;
    padding: .5em 1em;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    box-sizing: border-box;
    border-radius:0;
    margin-right: -4px;
    }
.cc-ribbon:before, .cc-ribbon:after {
  background: inherit;
  position: absolute;
  top: .6em;
  content: ' ';
  height: 0;
  border: 1.05em solid transparent;
  border-left: .9em solid white;
}
.cc-ribbon:before {
  left: -1.85em;
}
.cc-ribbon:after {
  right: -1.85em;
  transform: rotate(180deg);
}