.btn-primary {
    --bs-btn-color: #843895;
    --bs-btn-bg: #ffffff;
    --bs-btn-border-color: #843895;
    --bs-btn-hover-bg: #6e2d7c; /* เข้มขึ้นเล็กน้อยตอน hover */
    --bs-btn-hover-border-color: #6e2d7c;
    --bs-btn-active-bg: #5c2668;
    --bs-btn-active-border-color: #5c2668;
    --bs-btn-focus-shadow-rgb: 132, 56, 149; /* RGB ของ #843895 สำหรับ focus ring */
    --bs-btn-border-radius: 999px;
}
/*--------------------------------------------------------------
# Button Link block (blockgrid/Components/buttonLink.cshtml)
# ปุ่มลิงก์/ดาวน์โหลด สไตล์มินิมอล
--------------------------------------------------------------*/
.button-link {
    display: flex;
    margin: 1rem 0;
}

.button-link--align-left {
    justify-content: flex-start;
}

.button-link--align-center {
    justify-content: center;
}

.button-link--align-right {
    justify-content: flex-end;
}

.button-link__anchor {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 1.5rem;
    border: 1.5px solid var(--accent-color-purple, #843895);
    border-radius: 999px;
    background: transparent;
    color: var(--accent-color-purple, #843895);
    font-family: var(--nav-font, "Anuphan", system-ui, sans-serif);
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1),
        box-shadow 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}

/* ไอคอนดาวน์โหลดนำหน้าอัตโนมัติเมื่อลิงก์ชี้ไปที่ไฟล์ */
.button-link__anchor[href$=".pdf"]::before,
.button-link__anchor[href$=".doc"]::before,
.button-link__anchor[href$=".docx"]::before,
.button-link__anchor[href$=".xls"]::before,
.button-link__anchor[href$=".xlsx"]::before,
.button-link__anchor[href$=".zip"]::before {
    content: "\f30a"; /* bi-download */
    font-family: "bootstrap-icons";
    font-size: 1rem;
    line-height: 1;
}

.button-link__anchor:hover {
    background: var(--accent-color-purple, #843895);
    color: #fff;
    transform: translateY(-2px);
}

.button-link__anchor:active {
    transform: translateY(0);
}

.button-link__anchor:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color-purple, #843895), transparent 78%);
}