@import "../styles/variables";
@import "~cosmoUiVariables";

$button-font-size: 11px;
$button-padding-x: 25px !default;
$button-padding-y: 10px !default;
$button-padding-x-condensed: 12px !default;
$button-padding-y-condensed: 6px !default;
$button-border-radius: $border-radius-sm !default;
$button-border: none !default;


.container {
    margin: 0 5px;
    min-width: 120px;
    max-width: max-content;
    min-width: max-content;
    font-size: $button-font-size;
    text-transform: uppercase;
    font-weight: bold;
    padding: $button-padding-y $button-padding-x;
    border-radius: $button-border-radius;
    border: $button-border;
    cursor: pointer;
}


.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.condensed {
    padding: $button-padding-y-condensed $button-padding-x-condensed;
    min-width: 80px;
}