* { --transition: .8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;}.btn-- // {gap: calc(var(--fr-card-gap)/2);--fill: var(--btn-text-color);--fill-hover: var(--btn-text-color-hover);--size: var(--btn-font-size);}.btn-- // svg {fill: var(--fill);height: var(--size);transition: all var(--btn-transition-duration) ease;}.btn-- //:hover svg {fill: var(--fill-hover);transition: all var(--btn-transition-duration) ease;}.btn--primary { gap: calc(var(--fr-card-gap)/2); --fill: var(--btn-text-color); --fill-hover: var(--btn-text-color-hover); --size: var(--btn-font-size);}.btn--primary svg { fill: var(--fill); height: var(--size); transition: all var(--btn-transition-duration) ease;}.btn--primary:hover svg { fill: var(--fill-hover); transition: all var(--btn-transition-duration) ease;}.btn--outline { --fill: var(--btn-outline-text-color); --fill-hover: var(--btn-outline-text-color-hover);}.btn--outline svg { fill: var(--fill); transition: all var(--btn-transition-duration) ease;}.btn--outline:hover svg { fill: var(--fill-hover); transition: all var(--btn-transition-duration) ease;}.btn--clear { --fill: var(--btn-outline-text-color) !important; color: var(--btn-outline-text-color) !important;}.btn--clear svg { fill: var(--fill);}.btn--clear:hover svg {}