.card-flipper-large {
  border-radius: 0;
  position: relative;
  background-image: linear-gradient(#f5abc2 0, #f7cb59 50%, #f6bb8e 100%);
  padding: calc(35/10 * 1rem) calc(20/10 * 1rem) calc(100/10 * 1rem) calc(20/10 * 1rem);
  margin-bottom: 0;

  @container (width > calc(992/10 * 1rem)) {
    min-height: calc(500/10 * 1rem);
    padding: calc(40/10 * 1rem) calc(30/10 * 1rem) calc(60/10 * 1rem) calc(30/10 * 1rem);
  }

  @container (width > calc(1200/10 * 1rem)) {
    padding: calc(71/10 * 1rem) calc(93/10 * 1rem) calc(113/10 * 1rem) calc(93/10 * 1rem);
  }

  /*
    Little star background image at the bottom.
    Needs to repeat three times and be in the center of the component.
  */

  &:after {
    position: absolute;
    bottom: calc(49/10 * 1rem);
    left: 50%;
    transform: translateX(-50%);
    content: '';
    width: calc(114.47/10 * 1rem);
    height: calc(28/10 * 1rem);
    background-image: url("/themes/custom/radicati_d8/dist/images/star.png");
    background-repeat: space no-repeat;
    background-position: center;
  }
}

.card-flipper-large__header {
  display: flex;
  flex-direction: column;
  border-bottom: calc(4/10 * 1rem) solid black;
  padding-bottom: calc(19/10 * 1rem);
  color: black;

  @container (width > calc(992/10 * 1rem)) {
    flex-direction: row;
    padding-inline: calc(91/10 * 1rem);
  }
}

.card-flipper-large__title {
  font-size: calc(30/10 * 1rem);
  font-family: var(--font-family--roboto-flex);
  font-weight: 800;
  line-height: 1.2;

  @container (width > calc(992/10 * 1rem)) {
    font-size: calc(30/10 * 1rem);
    line-height: calc(30/10 * 1rem);
  }

  @container (width > calc(1200/10 * 1rem)) {
    font-size: calc(40/10 * 1rem);
    line-height: calc(40/10 * 1rem);
  }
}

.card-flipper-large__tag {
  font-family: var(--font-family--lexend);
  font-size: calc(16/10 * 1rem);
  font-weight: 400;
  text-transform: uppercase;

  @container (width > calc(992/10 * 1rem)) {
    margin-left: auto;
    line-height: calc(30/10 * 1rem);
  }

  @container (width > calc(1200/10 * 1rem)) {
    line-height: calc(40/10 * 1rem);
  }
}

.card-flipper-large__items {
  display: flex;
  flex-direction: column;
  gap: calc(20/10 * 1rem);
  padding-inline: calc(30/10 * 1rem);
  padding-block: calc(20/10 * 1rem);

  @container (width > calc(768/10 * 1rem)) {
    flex-direction: row;
    padding: calc(25/10 * 1rem) calc(40/10 * 1rem) calc(80/10 * 1rem) calc(40/10 * 1rem);
  }

  @container (width > calc(992/10 * 1rem)) {

    padding: calc(25/10 * 1rem) calc(40/10 * 1rem) calc(80/10 * 1rem) calc(40/10 * 1rem);
  }

  @container (width > calc(1200/10 * 1rem)) {


    padding: calc(30/10 * 1rem) calc(60/10 * 1rem) calc(80/10 * 1rem) calc(60/10 * 1rem);
  }
}

@container (width > calc(500/10 * 1rem)) {

  .card-flipper-large__items > * {

    &:nth-child(1) {
      transform: rotate(-2deg);
    }

    &:nth-child(2) {
      position: relative;
      top: calc(15/10 * 1rem);
      transform: rotate(2.74deg);
      margin-left: auto;
    }
  }
}