.purchase-options button.featured{
  padding-top:36px;
}

.purchase-options button.featured::after{display:none!important;content:none!important}
.purchase-options button.featured>.purchase-featured-badge{
  position:absolute;
  top:0;
  right:0;
  bottom:auto;
  left:0;
  display:grid;
  width:auto;
  max-width:none;
  height:26px;
  box-sizing:border-box;
  place-items:center;
  padding:0;
  overflow:hidden;
  border:0;
  border-bottom:1px solid color-mix(in srgb,var(--secondary),transparent 55%);
  border-radius:13px 13px 0 0;
  background:color-mix(in srgb,var(--secondary),transparent 88%);
  color:var(--secondary);
  font-size:11px;
  font-weight:650;
  line-height:1;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}

@media(max-width:650px){
  .purchase-options button.featured,
  .purchase-options button.double-quota.featured{
    padding:30px 3px 14px;
  }

  .purchase-options button.featured>.purchase-featured-badge{
    height:22px;
    border-radius:10px 10px 0 0;
    font-size:8px;
  }
}

@media(max-width:390px){
  .purchase-options button.featured,
  .purchase-options button.double-quota.featured{
    padding:27px 2px 12px;
  }

  .purchase-options button.featured>.purchase-featured-badge{
    height:20px;
    padding:0;
    font-size:7px;
  }
}

/* Mantém número e legenda no centro geométrico de todos os cards.
   Selos e faixas são absolutos e não deslocam o conteúdo principal. */
.purchase-options button,
.purchase-options button.featured,
.purchase-options button.double-quota,
.purchase-options button.double-quota.featured{
  grid-template-rows:18px 16px;
  align-content:center;
  justify-items:center;
  gap:4px;
  padding:0;
}
.purchase-options button>strong,
.purchase-options button>span:not(.purchase-featured-badge){
  width:100%;
  margin:0;
  text-align:center;
}
.purchase-options button>strong{
  align-self:center;
  line-height:18px;
}
.purchase-options button>span:not(.purchase-featured-badge){
  align-self:center;
  line-height:16px;
}

@media(max-width:650px){
  .purchase-options button,
  .purchase-options button.featured,
  .purchase-options button.double-quota,
  .purchase-options button.double-quota.featured{padding:0}
}
