/* THE_BULL_TOPUP_PROMO_3D_V1 */

.bull-promo-card{
  position:relative;
  overflow:hidden;
  margin:12px 0 15px;
  padding:17px;
  border:1px solid rgba(232,190,87,.32);
  border-radius:22px;
  background:
    radial-gradient(circle at 100% 0,
      rgba(241,206,121,.22),
      transparent 38%),
    linear-gradient(145deg,#19150c,#0b0a07 60%,#141107);
  box-shadow:
    inset 0 1px rgba(255,235,174,.08),
    0 16px 38px rgba(0,0,0,.28),
    0 0 30px rgba(212,175,55,.07);
}

.bull-promo-card:before{
  content:"";
  position:absolute;
  width:160px;
  height:160px;
  right:-80px;
  top:-90px;
  border-radius:50%;
  background:rgba(228,181,66,.13);
}

.bull-promo-head{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
}

.bull-promo-badge{
  color:#eac66e;
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
}

.bull-promo-title{
  margin-top:5px;
  color:#fff3c9;
  font-size:18px;
  font-weight:900;
  line-height:1.15;
}

.bull-promo-text{
  margin-top:6px;
  color:#aaa18d;
  font-size:11px;
  line-height:1.45;
}

.bull-promo-button{
  min-width:92px;
  min-height:42px;
  border:0;
  border-radius:13px;
  padding:9px 13px;
  color:#171208;
  font-size:11px;
  font-weight:900;
  background:linear-gradient(135deg,#f3d37d,#b9852b);
  box-shadow:0 8px 20px rgba(190,139,43,.19);
}

.bull-promo-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-top:14px;
}

.bull-promo-grid>div{
  padding:9px 5px;
  border:1px solid rgba(224,173,67,.14);
  border-radius:12px;
  text-align:center;
  background:rgba(255,255,255,.025);
}

.bull-promo-grid span{
  display:block;
  color:#918b7e;
  font-size:9px;
  white-space:nowrap;
}

.bull-promo-grid b{
  display:block;
  margin-top:3px;
  color:#eccb76;
  font-size:14px;
}

.bull-promo-countdown{
  position:relative;
  z-index:2;
  margin-top:11px;
  color:#bbb19a;
  font-size:10px;
  font-weight:700;
  text-align:center;
}

@media(max-width:380px){
  .bull-promo-head{
    grid-template-columns:1fr;
  }

  .bull-promo-button{
    width:100%;
  }

  .bull-promo-title{
    font-size:17px;
  }
}