.button{padding:var(--components-button-primary-padding);font-size:var(--components-button-primary-font-size);font-weight:var(--components-button-primary-font-weight);font-family:var(--components-button-primary-font-family);color:var(--components-button-primary-text);cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;flex-shrink:0;display:inline-block;transition:background-color .3s ease,border-color .3s ease}.button:hover{background-color:var(--components-button-primary-background-hover);color:var(--components-button-primary-text-hover)}.button-primary{background-color:var(--components-button-primary-background);border-color:var(--components-button-primary-border);border-width:var(--components-button-primary-border-width);border-style:var(--components-button-primary-border-style);cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;flex-shrink:0;display:inline-block;transition:background-color .3s ease,border-color .3s ease}.button-large{width:var(--components-button-primary-large-width);height:var(--components-button-primary-large-height);padding:var(--components-button-primary-large-padding);gap:var(--components-button-primary-large-gap)}.button-text{background-color:transparent;color:var(--color-primary);border:none;padding:0}