.ribbons {
  position: absolute;
  top: -1rem;

  @include flex-direction(row);

  gap: 1rem;

  > span {
    color: var(--robbons-text, #fff);
    padding: 0.2rem 1rem;
    background-color: var(--background-color, #000);
    border-radius: 1rem;
  }
}

.templateTwoRibbon {
  position: static;
  width: fit-content;
  margin-top: 1.2rem;

  @include min(tablet) {
    position: absolute;
    top: 2.4rem;
    right: 2.4rem;
    margin-top: 0;
  }
}