.smf-cta {
--smf-cta-bg: var(--theme-button-background-initial-color, #006c98);
--smf-cta-bg-hover: var(--theme-button-background-hover-color, #00364c);
--smf-cta-color: var(--theme-button-text-initial-color, #ffffff);
--smf-cta-radius: 2px;
margin: 20px 0 0;
}
.smf-cta__btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 13px 34px;
background: var(--smf-cta-bg);
color: var(--smf-cta-color) !important;
border-radius: var(--smf-cta-radius);
font-weight: 700;
font-size: 1em;
line-height: 1.2;
text-decoration: none !important;
letter-spacing: 0.02em;
transition: background 0.15s, transform 0.1s, box-shadow 0.15s;
}
.smf-cta__btn::after {
content: "→";
font-weight: 400;
transition: transform 0.15s;
}
.smf-cta__btn:hover {
background: var(--smf-cta-bg-hover);
color: var(--smf-cta-color) !important;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 54, 76, 0.25);
}
.smf-cta__btn:hover::after {
transform: translateX(3px);
}
.smf-cta__full {
display: inline-block;
padding: 11px 28px;
background: #fdecea;
color: #c0392b;
border: 1px solid #e57373;
border-radius: var(--smf-cta-radius);
font-weight: 700;
font-size: 0.95em;
letter-spacing: 0.02em;
} .smf-cta .smf-cta__btn.smf-cta__btn.smf-cta__btn,
.smf-cta .smf-cta__btn.smf-cta__btn.smf-cta__btn:hover,
.smf-cta .smf-cta__btn.smf-cta__btn.smf-cta__btn:focus,
.smf-cta .smf-cta__btn.smf-cta__btn.smf-cta__btn:visited {
color: var(--smf-cta-color) !important;
}