💌 📖
Skip to main content

.basque-cta-wrap {
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: center;
font-family: system-ui, -apple-system, BlinkMacSystemFont, “Segoe UI”, sans-serif;
margin: 20px 0;
}
.basque-cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 16px 28px;
border-radius: 50px;
font-size: 17px;
font-weight: 700;
text-decoration: none;
text-align: center;
letter-spacing: 0.3px;
transition: all 0.25s ease;
box-shadow: 0 6px 20px rgba(0,0,0,0.25);
border: none;
cursor: pointer;
line-height: 1.3;
}
.basque-cta-primary {
background: linear-gradient(135deg, #ff2d55, #c5003c);
color: #fff;
}
.basque-cta-primary:hover {
background: linear-gradient(135deg, #ff4d6d, #e0004a);
transform: translateY(-3px);
box-shadow: 0 10px 28px rgba(255, 45, 85, 0.45);
}
.basque-cta-secondary {
background: linear-gradient(135deg, #1a1a1a, #333);
color: #ffd1dc;
border: 2px solid #ff2d55;
}
.basque-cta-secondary:hover {
background: linear-gradient(135deg, #2a2a2a, #444);
color: #fff;
transform: translateY(-3px);
box-shadow: 0 10px 28px rgba(255, 45, 85, 0.3);
}
.basque-cta span {
font-size: 22px;
}

Basque

Author Basque

More posts by Basque

Leave a Reply