/* Slide Right */
.art-btn.art-btn {
    transition: 0.4s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border: none;    
    position: relative;
    z-index: 2;    
}
.art-btn.art-btn::after {
    content: "";
    position: absolute;
    transition: 0.4s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
    height: 100%;  
    width: 0;  
    bottom: 0;  
    left: 0;  
    z-index: -1;
    border-radius: var(--radius);        
}
.art-btn.art-btn::after {
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
}
.art-btn.art-btn:hover::after {
    width: 100%;
    left: 0;
}
.art-btn.art-btn:hover,
.art-btn.art-btn:focus {
    color: var(--btn-primary-txt-colour-hover);
}
.art-btn.art-btn:hover::after,
.art-btn.art-btn:focus::after {
    background-color: var(--btn-primary-bg-colour-hover);
    content: '';       
} 
.art-btn-group .art-btn.art-btn:nth-child(even) {
    color: var(--btn-secondary-txt-colour);
    background: 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 {
    color: var(--btn-secondary-txt-colour-hover);
    background-color: var(--btn-secondary-bg-colour-hover); 
}
.art-btn-group .art-btn.art-btn:nth-child(even):hover::after,
.art-btn-group .art-btn.art-btn:nth-child(even):focus::after {
    background-color: var(--btn-secondary-bg-colour-hover); 
}