/*
 * High-contrast homepage actions.
 *
 * These controls sit on very different surfaces from ordinary content links.
 * Keep them scoped to the homepage and loaded after the global text palette
 * so a broad link-color rule cannot make the labels disappear.
 */

body.home .recent-posts__all .btn--outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0 28px;
    border: 2px solid #019348 !important;
    border-radius: 999px;
    background: #019348 !important;
    box-shadow: 0 8px 18px rgba(1, 147, 72, .18);
    color: #fff !important;
    font-weight: 700;
    letter-spacing: .08em;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .22s ease, border-color .22s ease,
        box-shadow .22s ease, color .22s ease, transform .22s ease;
}

body.home .recent-posts__all .btn--outline:hover,
body.home .recent-posts__all .btn--outline:focus-visible {
    border-color: #d4682d !important;
    background: #d4682d !important;
    box-shadow: 0 10px 22px rgba(212, 104, 45, .24);
    color: #fff !important;
    transform: translateY(-2px);
}

@media (max-width: 600px) {
    body.home .recent-posts__all .btn--outline {
        width: 100%;
    }
}