Button

Default

Classvalue

Sizes

Classvalue

Colors

Classvalue

Border

Classvalue

Custom Properties

:root {
    --btn-padding-x: var(--space-2);
    --btn-padding-y: var(--space-3);
    --btn-border-radius: 100px;
    --btn-color: var(-color-brand-deep-blue);
    --btn-border-color: var(-color-brand-deep-blue);
    --btn-border-style: solid;
    --btn-border-width: 1px;
    --btn-bg: transparent;
    --btn-text-transform: uppercase;
    --btn-font-size: var(--overline-big);
    --btn-font-weight: var(--fw700);
    --btn-font-family: var(--inter);
    --btn-text-decoration: none;
    --btn-box-shadow: none;
    --btn-line-height: 1.09;
}