.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
}

.ribbon-green {
	opacity: 0.9;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform:    rotate(45deg);
    -ms-transform:     rotate(45deg);
    -o-transform:      rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    background-color: rgb(220,245,200);
    background-image: -webkit-gradient(linear, left top, left bottom, rgb(180,205,160), to(rgb(220,245,200)));
    background-image: -webkit-linear-gradient(top, rgb(180,205,160), rgb(220,245,200));
    background-image:    -moz-linear-gradient(top, rgb(180,205,160), rgb(220,245,200));
    background-image:     -ms-linear-gradient(top, rgb(180,205,160), rgb(220,245,200));
    background-image:      -o-linear-gradient(top, rgb(180,205,160), rgb(220,245,200));
    color: var(--color_bg_dark);
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
    box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
    line-height:12px;
}