content test

or not
<style>
.cta-btn {
display: inline-block;
padding: 14px 28px;
font-size: 18px;
font-weight: 600;
color: #fff;
background-color: #0073e6;
border-radius: 8px;
text-decoration: none;
transition: all 0.3s ease;
}
.cta-btn:hover {
background-color: #005bb5;
transform: scale(1.05);
box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}
.fade-in {
opacity: 0;
animation: fadeInUp 1s ease forwards;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
</style>
<div class="fade-in">
<a href="#your-link" class="cta-btn">Test CTA Button</a>
</div>
.cta-btn {
display: inline-block;
padding: 14px 28px;
font-size: 18px;
font-weight: 600;
color: #fff;
background-color: #0073e6;
border-radius: 8px;
text-decoration: none;
transition: all 0.3s ease;
}
.cta-btn:hover {
background-color: #005bb5;
transform: scale(1.05);
box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}
.fade-in {
opacity: 0;
animation: fadeInUp 1s ease forwards;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
</style>
<div class="fade-in">
<a href="#your-link" class="cta-btn">Test CTA Button</a>
</div>