Hanson.xyz Dev
62 lines
1.0 KiB
SCSS
62 lines
1.0 KiB
SCSS
/**
|
|
* CTA Section Styles
|
|
*
|
|
* @package HomeProz
|
|
*/
|
|
|
|
.cta-section {
|
|
padding: 4rem 0;
|
|
|
|
@media (max-width: 768px) {
|
|
padding: 3rem 0;
|
|
}
|
|
}
|
|
|
|
.cta-section--default {
|
|
background-color: var(--color-bg-card);
|
|
}
|
|
|
|
.cta-section--accent {
|
|
background-color: var(--color-accent);
|
|
|
|
.cta-section-title {
|
|
color: #fff;
|
|
}
|
|
|
|
.cta-section-text {
|
|
color: rgba(255, 255, 255, 0.9);
|
|
}
|
|
|
|
.btn-primary {
|
|
background-color: #fff;
|
|
color: var(--color-accent);
|
|
|
|
&:hover {
|
|
background-color: var(--color-text);
|
|
}
|
|
}
|
|
}
|
|
|
|
.cta-section-content {
|
|
text-align: center;
|
|
max-width: 700px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.cta-section-title {
|
|
font-family: var(--font-display);
|
|
font-size: 2.25rem;
|
|
color: var(--color-text);
|
|
margin-bottom: 1rem;
|
|
|
|
@media (max-width: 768px) {
|
|
font-size: 1.875rem;
|
|
}
|
|
}
|
|
|
|
.cta-section-text {
|
|
font-size: 1.125rem;
|
|
color: var(--color-text-muted);
|
|
margin-bottom: 1.5rem;
|
|
}
|