.art-btn.art-btn {    
    transition: 0.4s ease;
    border: 2px solid var(--btn-primary-bg-colour);
    background-color: var(--btn-primary-bg-colour); 
}
.art-btn.art-btn:hover,
.art-btn.art-btn:focus {
    color: var(--btn-primary-txt-colour-hover);
    background-color: transparent;       
}
.art-btn-group .art-btn.art-btn:nth-child(even),
.art-btn.art-btn-secondary {
    color: var(--btn-secondary-txt-colour);
    border-color: var(--btn-secondary-bg-colour);
    background-color: var(--btn-secondary-bg-colour);
}
.art-btn-group .art-btn.art-btn:nth-child(even):hover,
.art-btn-group .art-btn.art-btn:nth-child(even):focus,
.art-btn.art-btn-secondary:hover,
.art-btn.art-btn-secondary:focus {
    color: var(--btn-secondary-txt-colour-hover);
    border-color: var(--btn-secondary-bg-colour-hover); 
    background-color: transparent;       
}
.nav-buttons .art-btn.art-btn {
    color: var(--btn-primary-txt-colour);
    border: 2px solid var(--btn-primary-bg-colour);
    background-color: var(--btn-primary-bg-colour); 
}
.nav-buttons .art-btn.art-btn:is(:hover, :focus) {
    color: var(--btn-primary-txt-colour);
    border-color: var(--btn-primary-bg-colour-hover);       
    background-color: transparent;       
}