<section id="cta-ebook-closing" aria-labelledby="cta-ebook-heading">
<style>
#cta-ebook-closing {
padding-block: var(--et-spacing-vertical);
padding-inline: var(--et-spacing-horizontal);
background-color: #0d0a14;
background-image:
radial-gradient(ellipse 80% 60% at 50% 0%, color-mix(in srgb, #9568d3 30%, transparent) 0%, transparent 70%),
radial-gradient(ellipse 50% 40% at 80% 100%, color-mix(in srgb, #9568d3 15%, transparent) 0%, transparent 60%);
position: relative;
overflow: hidden;
}
@media (min-width: 1024px) {
#cta-ebook-closing {
padding-block: var(--et-spacing-vertical-lg);
padding-inline: var(--et-spacing-horizontal-lg);
}
}
#cta-ebook-closing .container {
margin-inline: auto;
max-width: 42rem;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
@media (min-width: 1024px) {
#cta-ebook-closing .container {
max-width: 80rem;
}
}
#cta-ebook-closing .tag {
color: #c4a0f5;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
font-size: 13px;
line-height: 1.2;
text-wrap: balance;
margin-bottom: 8px;
display: inline-block;
background-color: color-mix(in srgb, #9568d3 20%, transparent);
border: 1px solid color-mix(in srgb, #9568d3 40%, transparent);
border-radius: 999px;
padding: 4px 14px;
}
#cta-ebook-closing .heading {
color: #ffffff;
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.03em;
text-wrap: balance;
max-width: 38rem;
font-size: 36px;
margin-bottom: 16px;
}
@media (min-width: 640px) {
#cta-ebook-closing .heading {
font-size: 52px;
}
}
@media (min-width: 1024px) {
#cta-ebook-closing .heading {
font-size: 60px;
}
}
#cta-ebook-closing .paragraph {
color: #e5d9f8;
font-size: 18px;
opacity: 0.85;
text-wrap: balance;
max-width: 34rem;
line-height: 1.65;
margin-bottom: 36px;
}
@media (min-width: 640px) {
#cta-ebook-closing .paragraph {
font-size: 20px;
}
}
#cta-ebook-closing .btn-cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0;
background: linear-gradient(135deg, #9568d3 0%, #7b44c0 100%);
color: #ffffff;
font-weight: 700;
font-size: 18px;
padding: 18px 40px;
border-radius: var(--et-radius-button, 8px);
text-decoration: none;
letter-spacing: -0.01em;
border: none;
box-shadow:
0 0 0 1px color-mix(in srgb, #9568d3 60%, transparent),
0 8px 32px color-mix(in srgb, #9568d3 45%, transparent),
0 2px 8px rgba(0,0,0,0.4);
transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
margin-bottom: 12px;
}
#cta-ebook-closing .btn-cta:hover {
background: linear-gradient(135deg, #a97de0 0%, #9568d3 100%);
box-shadow:
0 0 0 1px color-mix(in srgb, #9568d3 80%, transparent),
0 12px 48px color-mix(in srgb, #9568d3 60%, transparent),
0 2px 12px rgba(0,0,0,0.5);
transform: translateY(-2px);
}
#cta-ebook-closing .btn-cta:active {
transform: translateY(0px);
box-shadow:
0 0 0 1px color-mix(in srgb, #9568d3 60%, transparent),
0 4px 16px color-mix(in srgb, #9568d3 35%, transparent);
}
#cta-ebook-closing .btn-cta:focus-visible {
outline: 2px solid #c4a0f5;
outline-offset: 3px;
}
#cta-ebook-closing .cta-note {
color: #a07fd4;
font-size: 13px;
margin-bottom: 0;
opacity: 0.85;
}
#cta-ebook-closing .divider {
width: 56px;
height: 3px;
background: linear-gradient(90deg, #9568d3, #c4a0f5);
border-radius: 999px;
margin-bottom: 24px;
}
/* Decorative glow orb */
#cta-ebook-closing .orb {
position: absolute;
border-radius: 50%;
pointer-events: none;
z-index: 0;
}
#cta-ebook-closing .orb-1 {
width: 320px;
height: 320px;
background: radial-gradient(circle, color-mix(in srgb, #9568d3 25%, transparent), transparent 70%);
top: -80px;
left: 50%;
transform: translateX(-50%);
}
#cta-ebook-closing .orb-2 {
width: 200px;
height: 200px;
background: radial-gradient(circle, color-mix(in srgb, #7b44c0 18%, transparent), transparent 70%);
bottom: -60px;
right: 10%;
}
#cta-ebook-closing .inner {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
}
</style>
<div class="container">
<div class="inner">
<div class="orb orb-1" aria-hidden="true"></div>
<div class="orb orb-2" aria-hidden="true"></div>
<h3 class="tag">Godzina minęła</h3>
<h2 id="cta-ebook-heading" class="heading">
Tyle wystarczy, żeby przestać się bać.
</h2>
<div class="divider" aria-hidden="true"></div>
<p class="paragraph">
Zamykasz ebooka i otwierasz Claude — bez wahania, po polsku, dokładnie tam, gdzie trzeba kliknąć.
</p>
<a class="btn-cta" href="https://cart.easy.tools/checkout/uniszewska/nie-taki-claude-straszny" aria-label="Kupuję ebook za 19,99 zł — przejdź do zakupu">
Kupuję ebook za 19,99 zł
</a>
<p class="cta-note" role="note">
Dostęp natychmiastowy · PDF · Bez subskrypcji
</p>
</div>
</div>
</section>