/**
 * Frontend-stijl voor de [pdf_button] shortcode-knop.
 *
 * @package MedOnline\PDFExport
 */

.medonline-pdf-button-wrap {
    display: inline-flex;
    margin: 12px 0;
}

.medonline-pdf-button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 18px;
    background-color: #1a56db;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.2s ease;
    cursor: pointer;
    border: none;
}

.medonline-pdf-button:hover,
.medonline-pdf-button:focus {
    background-color: #1245b8;
    color: #ffffff;
    text-decoration: none;
}

.medonline-pdf-button svg {
    flex-shrink: 0;
}