@use "../../spacing" as *;

/// @type Number
/// @access public
/// @group button
$button-font-weight: 700 !default;

/// @type Number
/// @access public
/// @group button
$button-font-size: 0.875rem !default;

/// @type Number
/// @access public
/// @group button
$button-border-radius: 2px !default;

/// @type Number
/// @access public
/// @group button
$button-height: 2.5rem !default;

/// @type Value
/// @access public
/// @group button
$button-padding: 0 0.8rem !default;

/// @type Value
/// @access public
/// @group button
$button-padding-field: calc(0.675rem - 3px) 60px calc(0.675rem - 3px) 12px !default;

/// @type Value
/// @access public
/// @group button
$button-padding-sm: 0 0.35rem !default;

/// @type Number
/// @access public
/// @group button
$button-padding-lg: $spacing-04 !default;

/// @type Number
/// @access public
/// @group button
/// Uses the same padding-y as normal buttons, but removes extra padding-right
$button-padding-ghost: calc(0.875rem - 3px) 16px !default;

/// @type Number
/// @access public
/// @group button
/// Uses the same padding-y as field buttons, but removes extra padding-right
$button-padding-ghost-field: calc(0.675rem - 3px) 16px !default;

/// @type Number
/// @access public
/// @group button
/// Uses the same padding-y as small buttons, but removes extra padding-right
$button-padding-ghost-sm: calc(0.375rem - 3px) 16px !default;

/// @type Number
/// @access public
/// @group button
$button-border-width: 1px !default;

/// @type Number
/// @access public
/// @group button
$button-outline-width: 1px !default;