.lch-bon-cadeau-cta {
--lch-bcc-gold: #c9a24a;
--lch-bcc-gold-hover: #d4b05c;
--lch-bcc-ink: #1f1812;
--lch-bcc-muted: rgba(247, 242, 234, 0.9);
position: relative;
isolation: isolate;
overflow: hidden;
display: flex;
align-items: center;
justify-content: flex-end;
min-height: clamp(16rem, 32vw, 22rem);
background: #1a1612;
color: #fff;
padding: clamp(2.6rem, 5.5vw, 3.8rem) 0;
font-family: "Outfit", system-ui, sans-serif;
}
.lch-bon-cadeau-cta__media {
position: absolute;
inset: 0;
z-index: 0;
overflow: hidden;
}
.lch-bon-cadeau-cta__image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 28% center;
}
.lch-bon-cadeau-cta__veil {
position: absolute;
inset: 0;
background:
linear-gradient(
90deg,
rgba(18, 14, 10, 0.05) 0%,
rgba(18, 14, 10, 0.22) 42%,
rgba(16, 12, 9, 0.78) 64%,
rgba(14, 11, 8, 0.94) 100%
),
linear-gradient(180deg, rgba(16, 12, 9, 0.1) 0%, transparent 48%, rgba(16, 12, 9, 0.22) 100%);
}
.lch-bon-cadeau-cta__inner {
position: relative;
z-index: 1;
width: min(1240px, calc(100% - 3rem));
margin: 0 auto;
display: flex;
justify-content: flex-end;
box-sizing: border-box;
}
.lch-bon-cadeau-cta__copy {
width: min(28rem, 100%);
text-align: left;
}
.lch-bon-cadeau-cta__eyebrow {
margin: 0 0 0.85rem;
font-family: "Outfit", system-ui, sans-serif;
font-weight: 400;
font-size: 0.72rem;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--lch-bcc-gold);
}
.lch-bon-cadeau-cta__title,
.wpcursor-component.lch-bon-cadeau-cta .lch-bon-cadeau-cta__title,
.lch-bon-cadeau-cta h2.lch-bon-cadeau-cta__title {
margin: 0 0 0.85rem !important;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-weight: 500 !important;
font-size: clamp(1.9rem, 3.4vw, 2.75rem) !important;
line-height: 1.12 !important;
color: #fff !important;
text-wrap: balance;
}
.lch-bon-cadeau-cta__text {
margin: 0 0 1.5rem;
max-width: 28rem;
font-weight: 300;
font-size: clamp(0.94rem, 1.3vw, 1.05rem);
line-height: 1.65;
color: var(--lch-bcc-muted);
}
.lch-bon-cadeau-cta__action {
margin: 0;
}
.lch-bon-cadeau-cta__btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.65rem;
padding: 1rem 1.45rem;
background: var(--lch-bcc-gold);
color: var(--lch-bcc-ink) !important;
text-decoration: none !important;
font-family: "Outfit", system-ui, sans-serif;
font-weight: 500;
font-size: 0.76rem;
letter-spacing: 0.14em;
text-transform: uppercase;
line-height: 1.2;
border: 0;
border-radius: 0;
white-space: nowrap;
transition: background 0.25s ease, transform 0.25s ease;
}
.lch-bon-cadeau-cta__btn:hover,
.lch-bon-cadeau-cta__btn:focus-visible {
background: var(--lch-bcc-gold-hover);
color: var(--lch-bcc-ink) !important;
transform: translateY(-1px);
}
.lch-bon-cadeau-cta__arrow {
font-size: 1.05em;
line-height: 1;
}
@media (max-width: 860px) {
.lch-bon-cadeau-cta {
min-height: clamp(18rem, 58vw, 24rem);
align-items: flex-end;
}
.lch-bon-cadeau-cta__veil {
background:
linear-gradient(
180deg,
rgba(18, 14, 10, 0.15) 0%,
rgba(18, 14, 10, 0.45) 42%,
rgba(16, 12, 9, 0.88) 100%
);
}
.lch-bon-cadeau-cta__inner {
justify-content: flex-start;
width: calc(100% - 2.4rem);
}
.lch-bon-cadeau-cta__copy {
width: 100%;
}
.lch-bon-cadeau-cta__btn {
white-space: normal;
text-align: center;
}
}
@media (max-width: 560px) {
.lch-bon-cadeau-cta__btn {
width: 100%;
box-sizing: border-box;
}
}
@media (prefers-reduced-motion: reduce) {
.lch-bon-cadeau-cta__btn {
transition: none;
}
.lch-bon-cadeau-cta__btn:hover {
transform: none;
}
}