
    #advieskeuze {
      container-type: inline-size;
      display:flex;
      flex-direction: column;
      align-items: center;
    }
    #advieskeuze .score_large_wrapper {
       container-type: inline-size;
       width:75%;
       max-width:4rem;
    }
    #advieskeuze .score_large {
      display:flex;
      position:relative;
      width:100%;
      padding-bottom:100%;
      height:0;
      border-radius: 30cqw;
      border-bottom: 5cqw solid #0a6dbf;
      background: linear-gradient(180deg, #178be0 0%, #4eadf1 100%);
      box-shadow: 0 5cqw 5cqw  0 rgba(0, 0, 0, 0.15);
      color: #FFF;
    }
    #advieskeuze .score_large span {
      position:absolute;
      inset:0;
      display:flex;
      align-self: center;
      justify-self: center;
      font-family: itc-avant-garde-gothic-pro, sans-serif;
      font-size: 57.5cqw;
      font-weight: 700;
      text-shadow: 0 .05em .025em #0a6dbf;
      padding-top:.1em;
      padding-right: .1em;
      letter-spacing: -.05em;
      opacity:0;
      transition: opacity .5s ease-in-out;
    }
  #advieskeuze .stars {
    position: relative;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    max-width:6rem;
    margin: .375rem 0;
    white-space: nowrap;
  }
  #advieskeuze .stars svg { 
    width:20%;
    fill: gold;
  }

  #advieskeuze .stars .cover {
    background: white;
    height: 100%;
    overflow: hidden;
    mix-blend-mode: color;
    position: absolute;
    top: 0;
    right: 0;
    transition: width .3s ease-out;
  }
  #advieskeuze .nr_reviews {
    font-family: itc-avant-garde-gothic-pro, sans-serif;
    line-height:1.125;
    text-transform: uppercase;
    font-size:.85em;
    font-size:12px;
    text-align: center;
    opacity:0;
    transition: opacity .5s ease-in-out;
  }
