Skip to main content
Blog Teasers

Catalina’s Dragon Pet Play

By CatalinaJune 27, 2026No Comments

Catalina Dragon CTA Buttons

@import url(‘https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap’);

.dragon-cta-container {
display: flex;
flex-wrap: wrap;
gap: 25px;
justify-content: center;
align-items: center;
padding: 40px 20px;
background: linear-gradient(135deg, #1a0033, #330033);
border-radius: 20px;
box-shadow: 0 0 30px rgba(255, 105, 180, 0.4);
font-family: ‘Press Start 2P’, system-ui;
max-width: 700px;
margin: 20px auto;
}

.dragon-btn {
position: relative;
padding: 18px 32px;
font-size: 18px;
font-weight: bold;
color: white;
border: none;
border-radius: 12px;
cursor: pointer;
text-transform: uppercase;
letter-spacing: 2px;
transition: all 0.3s ease;
overflow: hidden;
display: flex;
align-items: center;
gap: 12px;
box-shadow: 0 8px 0 #00000040;
text-decoration: none;
min-width: 260px;
justify-content: center;
}

.dragon-btn::before {
content: ‘🐉’;
font-size: 28px;
filter: drop-shadow(0 0 8px currentColor);
}

.dragon-btn:hover {
transform: translateY(-6px) scale(1.05);
box-shadow: 0 15px 0 #00000040;
}

.dragon-btn:active {
transform: translateY(4px);
box-shadow: 0 4px 0 #00000040;
}

/* Pink Button – Hot Dragon Fire */
.btn-pink {
background: linear-gradient(135deg, #ff1493, #ff69b4);
border: 4px solid #ffd700;
}

.btn-pink:hover {
background: linear-gradient(135deg, #ff69b4, #ff1493);
color: #fff;
}

/* Baby Blue Button – Ice Dragon */
.btn-blue {
background: linear-gradient(135deg, #00bfff, #87cefa);
border: 4px solid #ffd700;
}

.btn-blue:hover {
background: linear-gradient(135deg, #87cefa, #00bfff);
color: #fff;
}

.btn-text {
text-shadow: 3px 3px 0 #00000080;
z-index: 2;
}

.sparkle {
position: absolute;
font-size: 12px;
animation: sparkle 1.5s infinite;
opacity: 0.7;
}

866-973-9943 Ext 443

Catalina

Author Catalina

More posts by Catalina

Leave a Reply

💌 📖