
.tbp-wrapper{
    text-align:center;
    padding-top:60px;
    padding-right:20px;
    padding-left:20px;
    padding-bottom:0 !important; /* remove bottom padding that created the gap */
    margin-bottom:0 !important;
    box-sizing:border-box;
}
.tbp-title{
    font-size:46px;
    font-weight:800;
    color:white;
    margin-bottom:18px; /* reduce gap between title and buttons */
    letter-spacing:-1px;
    white-space:nowrap;
}
.tbp-buttons{
    display:flex;
    justify-content:center;
    gap:22px;
    flex-wrap:wrap;
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

/* BUTTONS */
.tbp-btn{
    padding:14px 38px;
    border-radius:9999px;
    font-weight:600;
    font-size:17px;
    text-decoration:none!important;
    display:inline-block;
    white-space:nowrap;
}
.tbp-left{
    background:white;
    color:black;
}
.tbp-right{
    border:2px solid white;
    color:white;
}
.tbp-left:hover{opacity:.85;}
.tbp-right:hover{background:white;color:black;}

/* remove any pseudo-element creating extra height */
.tbp-wrapper::after,
.tbp-buttons::after{
    content:none !important;
    display:none !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
}

/* MOBILE FIXES */
@media(max-width:768px){
    .tbp-buttons{
        flex-direction:column;
        gap:16px;
        align-items:center;
    }
    .tbp-btn{
        width:auto!important;
        padding:14px 32px;
    }
    .tbp-title{
        font-size:34px;
        white-space:normal; /* allow wrapping sensibly on very narrow screens */
        margin-bottom:28px;
    }
    /* ensure next element is not pushed down */
    .tbp-wrapper + * { margin-top: 0 !important; }
}
