.hbb-container{width:100%;padding:20px 15px}
.hbb-wrapper{display:flex;flex-direction:column;gap:15px;max-width:1200px;margin:0 auto}
.hbb-wrapper.hbb-center{justify-content:center}
.hbb-btn{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:60px;padding:15px 20px;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;text-align:center;transition:all .3s;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.hbb-wrapper.hbb-auto .hbb-btn{flex:0 0 auto!important;width:auto!important}
.hbb-wrapper.hbb-equal .hbb-btn{flex:1 1 0!important;min-width:0}
.hbb-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15);filter:brightness(1.0) saturate(1.4);color:var(--hover-color)!important;}
@media (min-width:576px){
.hbb-wrapper{flex-direction:row;gap:12px}
.hbb-wrapper.hbb-center .hbb-btn{flex:0 1 auto;max-width:280px}
.hbb-btn{font-size:14px;padding:12px 15px;min-height:55px}
}
@media (min-width:992px){
.hbb-container{padding:30px 15px}
.hbb-wrapper{gap:20px}
.hbb-wrapper.hbb-center .hbb-btn{max-width:300px}
.hbb-btn{font-size:16px;padding:18px 25px;min-height:60px} /*min-height:70px*/
}


.hbb-btn {
  position: relative;
  overflow: hidden; /* blocca il flare dentro il bordo */
  transition: transform .2s ease, box-shadow .2s ease;
}

/* micro sollevamento */
.hbb-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
}

/* ---- FLARE COMPATTO ---- */
.hbb-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: -30%;        /* parte appena fuori */
  width: 60%;        /* flare stretto */
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.35) 50%,
    rgba(255,255,255,0) 100%
  );
  transform: translateX(-100%);
  transition: transform .45s ease;
  pointer-events: none;
}

.hbb-btn:hover::after {
  transform: translateX(200%); /* attraversa la voce */
}