:root {
--btn-font-size: 1em;
--btn-sm: calc(var(--btn-font-size) - 0.2em);
--btn-md: calc(var(--btn-font-size) + 0.2em);
--btn-lg: calc(var(--btn-font-size) + 0.4em);
--btn-radius: var(--radius);
}
/* button size */
.btn--sm {
font-size: var(--btn-sm);
}
.btn--md {
font-size: var(--btn-md);
}
.btn--lg {
font-size: var(--btn-lg);
}
.btn--full-width {
display: flex;
width: 100%;
justify-content: center;
}