.elementor .e-be66a58{flex-direction:row;@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,800;1,800&display=swap');

/* =========================================================
 THE POETIC LAND - ANTHOLOGY PROMO BANNER
 ========================================================= */

/* --- 1. THE MAIN BANNER SKELETON --- */
.tpl-anthology-promo {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
background-color: #ffffff !important;
border: 4px solid #111111 !important;

/* --- THE BREAKOUT TRICK --- */
/* This forces the whole box to break out of the site theme and stretch wide */
width: 95vw !important;
max-width: 95vw !important;
position: relative !important;
left: 50% !important;
transform: translateX(-50%) !important;
/* -------------------------- */

box-sizing: border-box !important;

/* Keeps the text inside from hitting the borders */
padding: 40px 5% !important; 

margin-top: 30px !important;
margin-bottom: 30px !important;
gap: 30px !important;
box-shadow: 8px 8px 0px #FFCC00 !important;
transition: all 0.3s ease !important;
}

/* --- 2. TEXT & CONTENT AREA --- */
.tpl-promo-content {
flex: 1 !important;
}

/* --- BLINKING ANIMATION KEYFRAMES --- */
@-webkit-keyframes badgeBlink {
0%, 100% { opacity: 1; }
50% { opacity: 0; }
}

@keyframes badgeBlink {
0%, 100% { opacity: 1; }
50% { opacity: 0; }
}

/* The Black & Yellow Badge (Now Blinking) */
.tpl-promo-badge {
display: inline-block !important;
background-color: #111111 !important;
color: #FFCC00 !important;
font-family: 'Inter', sans-serif !important;
font-size: 12px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
padding: 6px 12px !important;
margin-bottom: 15px !important;

/* Bulletproof Animation declarations */
-webkit-animation: badgeBlink 1.2s ease-in-out infinite !important;
animation: badgeBlink 1.2s ease-in-out infinite !important;
}

/* The Big Playfair Title */
.tpl-promo-title {
font-family: 'Playfair Display', serif !important;
font-size: 42px !important;
font-weight: 800 !important;
color: #111111 !important;
margin: 0 0 15px 0 !important;
line-height: 1.1 !important;
}

/* The Description */
.tpl-promo-text {
font-family: 'Poppins', sans-serif !important;
font-size: 16px !important;
line-height: 1.8 !important;
color: #555555 !important;
margin: 0 !important;
max-width: 600px !important;
}

/* --- 3. CALL TO ACTION (THE BUTTON) --- */
.tpl-promo-action {
flex-shrink: 0 !important;
}

.tpl-promo-btn {
display: inline-flex !important;
align-items: center !important;
background-color: #111111 !important;
color: #ffffff !important;
font-family: 'Inter', sans-serif !important;
font-size: 14px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
text-decoration: none !important;
padding: 16px 24px !important;
border: 2px solid #111111 !important;
transition: all 0.2s ease !important;
}

.tpl-promo-btn svg {
width: 18px !important;
height: 18px !important;
fill: #ffffff !important;
margin-left: 10px !important;
transition: all 0.2s ease !important;
}

/* Button Hover State - Brutalist Pop */
.tpl-promo-btn:hover {
background-color: #FFCC00 !important;
color: #111111 !important;
box-shadow: 6px 6px 0px #111111 !important;
transform: translate(-4px, -4px) !important;
}

.tpl-promo-btn:hover svg {
fill: #111111 !important;
transform: translateX(4px) !important;
}

/* =========================================================
 4. MOBILE RESPONSIVENESS (STACKS PERFECTLY)
 ========================================================= */
@media (max-width: 768px) {
.tpl-anthology-promo {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 25px 5% !important; /* Ensuring mobile retains the 5% edge space */
    box-shadow: 6px 6px 0px #FFCC00 !important;
}

.tpl-promo-title {
    font-size: 32px !important;
}

.tpl-promo-btn {
    width: 100% !important;
    justify-content: center !important;
    margin-top: 10px !important;
}
}\n}.elementor .e-00e73b1{flex-direction:row;}