/* ================================================================
    1.BUTTONS
*/
/*---Buttons sizes---*/
.small {
    padding: 8px;
    font-size: var(--font-fs-body-sm);
}
.medium {
    padding: 8px 16px;
    font-size: var(--font-fs-body-md);
}
.large {
    padding: 12px 24px;
    font-size: var(--font-fs-body-lg);
}
/*---icons sizes---*/
.leading_icon img, .trailing_icon img {
    width: 24px;
    filter: invert(1);
}
.leading_icon, .trailing_icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}