.bika-card .button{
  border:0;
  background:linear-gradient(135deg,#ffd568,#e9a91e);
  color:#171005;
  box-shadow:0 12px 30px rgba(242,187,63,.18);
}
.bika-card .button:hover{
  background:linear-gradient(135deg,#ffe49a,#f2bb3f);
  color:#171005;
  box-shadow:0 16px 38px rgba(242,187,63,.28);
}
.brand-avatar{
  width:42px;
  height:42px;
  object-fit:cover;
  border-radius:50%;
  border:1px solid rgba(55,244,107,.55);
  box-shadow:0 0 22px rgba(55,244,107,.16);
}
.hero-backdrop{
  position:absolute;
  z-index:-2;
  top:22px;
  right:28px;
  bottom:34px;
  left:28px;
  width:calc(100% - 56px);
  height:auto;
  object-fit:cover;
  object-position:center;
  border-radius:28px;
  opacity:1;
  filter:none;
  box-shadow:inset 0 0 0 1px rgba(55,244,107,.12),0 35px 100px rgba(0,0,0,.4);
}
.hero:after{
  content:"";
  position:absolute;
  z-index:-1;
  top:22px;
  right:28px;
  bottom:34px;
  left:28px;
  width:calc(100% - 56px);
  border-radius:28px;
  background:linear-gradient(90deg,rgba(5,7,6,.98) 0%,rgba(5,7,6,.9) 30%,rgba(5,7,6,.42) 58%,rgba(5,7,6,.08) 100%),linear-gradient(0deg,rgba(5,7,6,.58),transparent 48%);
  pointer-events:none;
}
.hero-visual{visibility:hidden;pointer-events:none}
@media(max-width:900px){
  .hero-backdrop{inset:18px 18px 30px;width:calc(100% - 36px);height:auto;object-position:68% center;opacity:.38}
  .hero:after{inset:18px 18px 30px;width:calc(100% - 36px);background:linear-gradient(90deg,rgba(5,7,6,.96),rgba(5,7,6,.72)),linear-gradient(0deg,rgba(5,7,6,.7),transparent)}
  .hero-visual{display:none}
}
@media(max-width:600px){
  .brand-avatar{width:36px;height:36px}
  .hero-backdrop,.hero:after{inset:10px 10px 22px;width:calc(100% - 20px);height:auto;border-radius:20px}
}