/**
 * Custom Button Styles
 * 
 * Styling for blog post "Read More" buttons and other custom buttons
 * to match the site's design system (Donate button style)
 */

/* Blog Post Read More Button - Match Donate Button Style */
.thm-btn.btn-main {
    background-color: #E9530E !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 50px !important;
    padding: 14px 28px !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    border: none !important;
    line-height: 1 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.thm-btn.btn-main:hover {
    background-color: #d14a0c !important;
    color: #ffffff !important;
}

/* Ensure consistent styling across different contexts */
article .thm-btn.btn-main,
.single-post-item .thm-btn.btn-main,
.post-content-wrapper .thm-btn.btn-main,
.post-read-more .thm-btn.btn-main {
    background-color: #E9530E !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 50px !important;
    padding: 14px 28px !important;
}

.thm-btn.btn-main:hover svg path {
    fill: #ffffff !important;
}