/* V1.27.05 — aumenta levemente a palavra cotas. */

body #campanha #comprar #packs{
  padding-top:0!important;
  overflow:visible!important;
  align-items:stretch!important;
}

body #campanha #comprar #packs > button.pack{
  position:relative!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  min-height:72px!important;
  height:72px!important;
  padding:10px 6px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  text-align:center!important;
  border:1px solid #C7CCD5!important;
  font-size:1.52rem!important;
  font-weight:1000!important;
  line-height:.92!important;
  letter-spacing:-.035em!important;
}

body #campanha #comprar #packs > button.pack small{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  font-size:.76rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:0!important;
}

/* Reserva a faixa superior sem tirar +X / cotas do centro da área útil. */
body #campanha #comprar #packs > button.pack:has(> .tag){
  padding-top:20px!important;
  padding-bottom:4px!important;
}

/* Mais popular / Mais chances: faixa interna, sem formato de pílula. */
body #campanha #comprar #packs > button.pack > .tag{
  position:absolute!important;
  top:0!important;
  left:18px!important;
  right:18px!important;
  bottom:auto!important;
  width:auto!important;
  max-width:none!important;
  height:17px!important;
  min-height:17px!important;
  margin:0!important;
  padding:0 2px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  background:#D4D9E1!important;
  background-image:none!important;
  color:#111111!important;
  -webkit-text-fill-color:#111111!important;
  border:1px solid #C7CCD5!important;
  border-radius:0!important;
  /* parte inferior chanfrada; topo reto e recuado das curvas do botão */
  clip-path:polygon(0 0,100% 0,100% 62%,92% 100%,8% 100%,0 62%)!important;
  font-size:.62rem!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:none!important;
  transform:none!important;
  z-index:3!important;
}

@media (max-width:700px){
  body #campanha #comprar #packs > button.pack{
    min-height:68px!important;
    height:68px!important;
    padding:9px 5px!important;
    gap:1px!important;
    font-size:1.38rem!important;
  }
  body #campanha #comprar #packs > button.pack small{
    font-size:.64rem!important;
  }
  body #campanha #comprar #packs > button.pack:has(> .tag){
    padding-top:18px!important;
    padding-bottom:4px!important;
  }
  body #campanha #comprar #packs > button.pack > .tag{
    left:15px!important;
    right:15px!important;
    height:15px!important;
    min-height:15px!important;
    padding:0 1px!important;
    font-size:.62rem!important;
  }
}

@media (max-width:390px){
  body #campanha #comprar #packs > button.pack{
    min-height:66px!important;
    height:66px!important;
    padding:8px 4px!important;
    font-size:1.28rem!important;
  }
  body #campanha #comprar #packs > button.pack small{
    font-size:.58rem!important;
  }
  body #campanha #comprar #packs > button.pack:has(> .tag){
    padding-top:17px!important;
    padding-bottom:3px!important;
  }
  body #campanha #comprar #packs > button.pack > .tag{
    left:12px!important;
    right:12px!important;
    height:15px!important;
    min-height:15px!important;
    padding:0 1px!important;
    font-size:.54rem!important;
  }
}