
/*-------------------
    Corner Label
--------------------*/


.ribbon {
  position: absolute;
  margin: 0em;
  top: calc( 20% + 1.2em );
  left: -1.15em;
  padding: .3em 1.5em;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
  border-color: rgba(0, 0, 0, 0.15);
  z-index: 2;
}
.ribbon:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 0%;
  background-color: transparent !important;
  border-style: solid;
  border-width: 0em 1.2em 1.2em 0em;
  border-color: transparent;
  width: 0em;
  height: 0em;
}
[class*="right ribbon"]{
  left: auto;
  right: -1.15em;
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}
[class*="right ribbon"]:after {
  left: auto;
  right: 0%;
  border-width: 1.2em 1.2em 0em 0em;
  border-color: transparent;
}
