.article-body__block--button .btn {
    width:100%;
}

.btn {
    font-size:1.2em;
}

.btn-primary {
    --bs-btn-color: var(--brand-colour-text);
    --bs-btn-bg: var(--brand-colour-button);
    --bs-btn-border-color: var(--brand-colour-button);
    --bs-btn-hover-color: var(--brand-colour-text);
    --bs-btn-hover-bg: var(--brand-colour-button-hover);
    --bs-btn-hover-border-color: var(--brand-colour-button-hover);
    --bs-btn-focus-shadow-rgb: 136, 95, 93;
    --bs-btn-active-color: var(--brand-colour-text);
    --bs-btn-active-bg: var(--brand-colour-button-active);
    --bs-btn-active-border-color: var(--brand-colour-button-active);
    --bs-btn-disabled-color: var(--brand-colour-text);
    --bs-btn-disabled-bg: var(--brand-colour-button);
    --bs-btn-disabled-border-color: var(--brand-colour-button);
}

.btn-outline-primary {
    --bs-btn-color: var(--brand-colour-button);
    --bs-btn-border-color: var(--brand-colour-button);
    --bs-btn-hover-color: var(--brand-colour-text);
    --bs-btn-hover-bg: var(--brand-colour-button);
    --bs-btn-hover-border-color: var(--brand-colour-button);
    --bs-btn-focus-shadow-rgb: 136, 95, 93;
    --bs-btn-active-color: var(--brand-colour-text);
    --bs-btn-active-bg: var(--brand-colour-button-hover);
    --bs-btn-active-border-color: var(--brand-colour-button-hover);
    --bs-btn-disabled-color: var(--brand-colour-button);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--brand-colour-button);
}

.btn.btn-custom-gold-black {
    background-color: var(--brand-colour-accent);
    border: 2px solid var(--brand-colour-secondary);
    color: var(--brand-colour-primary);

    &:hover,
    &:active,
    &:focus {
        background-color: var(--brand-colour-primary) !important;
        border: 2px solid var(--brand-colour-primary);
        color: var(--brand-colour-text) !important;
    }
}

.btn.btn-custom-outline-gold-black {
    background-color: var(--body-background-color);
    border: 2px solid var(--brand-colour-button);
    color: var(--brand-colour-primary);

    &:hover,
    &:active,
    &:focus {
        background-color: var(--brand-colour-button) !important;
        border: 2px solid var(--brand-colour-button);
        color: var(--brand-colour-text) !important;
    }
}