html body .site-closing-cta {
position: relative;
padding: 72px max(28px, calc((100vw - 1180px) / 2));
background: linear-gradient(180deg, #f7faf8 0%, #eef5f2 100%);
border-top: 1px solid rgba(16, 44, 59, 0.08);
border-bottom: 1px solid rgba(16, 44, 59, 0.12);
}
html body .site-closing-cta__inner {
width: min(1180px, 100%);
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 48px;
align-items: end;
}
html body .site-closing-cta h2 {
max-width: 620px;
margin: 0 0 14px;
color: #102c3b !important;
font-size: 30px !important;
line-height: 1.2 !important;
font-weight: 760 !important;
letter-spacing: -0.02em;
}
html body .site-closing-cta p {
max-width: 720px;
margin: 0;
color: #52646c !important;
font-size: 15px !important;
line-height: 1.7 !important;
}
html body .site-closing-cta__actions {
display: flex;
gap: 12px;
align-items: center;
justify-content: flex-end;
flex-wrap: nowrap;
}
html body #site-closing-cta .formal-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 46px !important;
padding: 0 20px !important;
border: 1px solid rgba(16, 44, 59, 0.18) !important;
border-radius: 999px !important;
font-size: 13px !important;
line-height: 1 !important;
font-weight: 760 !important;
text-decoration: none !important;
white-space: nowrap !important;
text-shadow: none !important;
box-shadow: none !important;
transition: transform 180ms ease, background-color 180ms ease,
border-color 180ms ease;
}
html body #site-closing-cta .formal-button--primary {
background: #0e725b !important;
border-color: #0e725b !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
html body #site-closing-cta .formal-button--secondary {
background: #fff !important;
color: #174456 !important;
-webkit-text-fill-color: #174456 !important;
}
html body #site-closing-cta .formal-button:hover {
transform: translateY(-1px);
}
html body #site-closing-cta .formal-button:active {
transform: translateY(0);
}
html body #site-closing-cta .formal-button:focus-visible {
outline: 3px solid rgba(14, 114, 91, 0.3) !important;
outline-offset: 3px !important;
}
@media (max-width: 760px) {
html body .site-closing-cta {
padding: 48px 20px;
}
html body .site-closing-cta__inner {
grid-template-columns: minmax(0, 1fr);
gap: 28px;
align-items: start;
}
html body .site-closing-cta__actions {
width: 100%;
flex-direction: column;
align-items: stretch;
}
html body #site-closing-cta .formal-button {
width: 100% !important;
}
}
@media (prefers-reduced-motion: reduce) {
html body #site-closing-cta .formal-button {
transition: none;
}
}