.single_job_listing .job_application input.application_button.button {
    background: linear-gradient(90deg, #0097B2, #00B8D4) !important;
    color: #fff !important;
    padding: 15px 28px !important;
    border-radius: 12px !important;
    font-size: 18px !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 6px 20px rgba(0, 151, 178, 0.25) !important;
}

.single_job_listing .job_application input.application_button.button:hover {
    background: linear-gradient(90deg, #00B8D4, #0097B2) !important;
    box-shadow: 0 10px 24px rgba(0, 151, 178, 0.35) !important;
}
/* ===== Job Type Button Styling ===== */
.single_job_listing ul.meta li.job-type {
    background: #fff !important; /* white background */
    border: 1px solid #1DB8D3 !important; /* primary border */
    color: #1DB8D3 !important; /* text color */
    padding: 6px 12px !important; /* button-like padding */
    border-radius: 12px !important; /* rounded corners */
    font-weight: 600 !important;
    font-size: 13px !important;
    display: inline-block !important; /* inline like button */
    margin-right: 6px; /* spacing between multiple job types */
    text-transform: uppercase; /* stylish uppercase */
    letter-spacing: 0.5px;
    cursor: default;
    box-shadow: 0 4px 12px rgba(29, 184, 211, 0.25); /* subtle shadow */
    transition: all 0.3s ease; /* smooth hover */
}

/* ===== Job Type Hover Effect ===== */
.single_job_listing ul.meta li.job-type:hover {
    background: #1DB8D3 !important; /* fill with border color */
    color: #fff !important; /* text becomes white */
    transform: translateY(-2px); /* small lift */
    box-shadow: 0 8px 20px rgba(29, 184, 211, 0.35); /* shadow on hover */
}