/* ============================================================
   JOBGATI.COM — BILLBOARD-STYLE ARTICLE LINK BUTTONS
   Add this CSS to your theme's stylesheet or Custom CSS area
   ============================================================ */

/* Primary Billboard-style link button */
.bl_btn {
    display: inline-block;
    font-family: var(--inf-font-primary), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                 "Helvetica Neue", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #111;
    background: transparent;
    border: 2px solid #111;
    padding: 9px 16px;
    text-decoration: none;
    line-height: 1.3;
    transition: all 0.2s ease;
    margin: 5px 6px 5px 0;
    border-radius: 0;
    box-shadow: none;
}

.bl_btn:hover {
    background: #111;
    color: #fff;
    text-decoration: none;
    border-color: #111;
}

/* Secondary variant — blue (Billboard brand) */
.bl_btn_sec {
    display: inline-block;
    font-family: var(--inf-font-primary), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                 "Helvetica Neue", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #1a73e8;
    background: transparent;
    border: 2px solid #1a73e8;
    padding: 9px 16px;
    text-decoration: none;
    line-height: 1.3;
    transition: all 0.2s ease;
    margin: 5px 6px 5px 0;
    border-radius: 0;
}

.bl_btn_sec:hover {
    background: #1a73e8;
    color: #fff;
    text-decoration: none;
    border-color: #1a73e8;
}

/* Table cell override — remove margins inside tables */
table td .bl_btn, table td .bl_btn_sec {
    margin: 0;
    padding: 6px 12px;
    font-size: 12px;
}

/* Mobile responsive */
@media (max-width: 600px) {
    .bl_btn, .bl_btn_sec {
        display: block;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        margin: 6px 0;
    }
}