<span class="direct-booking-pill">Direct Venue Booking</span>

Pay directly with the venue for faster confirmation by email.

</p>

<span>Direct payment</span>

<span>Fast confirmation</span>

<span>Email booking</span>

</div>

</div>

</div>

</div>

</section>

<style>

.direct-venue-booking {

width: 100%;

padding: 8px 12px 0;

margin: 0 !important;

color: inherit;

font-family: inherit;

background:

radial-gradient(circle at 50% 0%, rgba(201, 164, 107, 0.08), transparent 34%),

linear-gradient(180deg, rgba(0, 0, 0, 0.012), rgba(255, 255, 255, 0));

}

.direct-booking-shell {

width: 100%;

max-width: 560px;

margin: 0 auto;

padding: 0;

}

.direct-booking-card {

overflow: hidden;

border-radius: 20px;

background: rgba(255, 255, 255, 0.94);

border: 1px solid rgba(201, 164, 107, 0.18);

box-shadow: 0 10px 28px rgba(0, 0, 0, 0.055);

backdrop-filter: blur(12px);

}

.direct-booking-intro {

padding: 12px 14px 11px;

text-align: center;

}

.direct-booking-pill {

display: inline-flex;

align-items: center;

justify-content: center;

margin-bottom: 8px;

padding: 6px 9px;

border-radius: 999px;

background: rgba(201, 164, 107, 0.13);

color: #a77c3b;

font-size: 9px;

line-height: 1;

font-weight: 700;

letter-spacing: 0.75px;

text-transform: uppercase;

}

.direct-booking-copy {

max-width: 430px;

margin: 0 auto;

font-size: 11px;

line-height: 1.4;

font-weight: 400;

font-style: italic;

color: inherit;

opacity: 0.68;

}

.direct-booking-tags {

display: flex;

flex-wrap: wrap;

justify-content: center;

gap: 6px;

margin-top: 9px;

}

.direct-booking-tags span {

display: inline-flex;

align-items: center;

justify-content: center;

padding: 5px 7px;

border-radius: 999px;

background: rgba(0, 0, 0, 0.04);

color: inherit;

font-size: 7.8px;

line-height: 1;

font-weight: 600;

letter-spacing: 0.55px;

text-transform: uppercase;

text-align: center;

opacity: 0.76;

}

@media screen and (max-width: 390px) {

.direct-venue-booking {

padding: 8px 10px 0;

margin: 0 !important;

}

.direct-booking-intro {

padding: 11px 12px 10px;

}

.direct-booking-copy {

font-size: 10.5px;

line-height: 1.4;

}

.direct-booking-tags span {

font-size: 7.6px;

padding: 5px 6px;

}

}

</style></div>

Marbella Blogs