/*!
 * 
 * @license @rakuten-rex/button v1.5.1 2020-11-16
 * PillOutlineButton/PillOutlineButton.development.css
 * 
 * Copyright (c) 2018-present, Rakuten, Inc.
 * 
 * This source code is licensed under the MIT license found in the LICENSE file in the root directory of this source tree.
 */
.rex-button-pill-outline {
  --rex-blue-600: #3a6dfa;
  --rex-blue-700: #134ff3;
  --rex-blue-800: #053ace;
  --rex-button-border-radius: 2.5rem;
  --rex-button-min-width: auto;
  --rex-button-padding-left-right: 1rem;
  --rex-button-padding-top-bottom: 0.5rem;
  --rex-button-theme-active-background: var(--rex-blue-800);
  --rex-button-theme-active-border: var(--rex-blue-800);
  --rex-button-theme-active-text: var(--rex-white);
  --rex-button-theme-background: var(--rex-white);
  --rex-button-theme-border: var(--rex-blue-700);
  --rex-button-theme-focus-background: var(--rex-blue-600);
  --rex-button-theme-focus-border: var(--rex-blue-600);
  --rex-button-theme-focus-text: var(--rex-white);
  --rex-button-theme-hover-background: var(--rex-blue-600);
  --rex-button-theme-hover-border: var(--rex-blue-600);
  --rex-button-theme-hover-text: var(--rex-white);
  --rex-button-theme-text: var(--rex-blue-700);
  --rex-gray-200: #ebebeb;
  --rex-white: #fff;
  -moz-appearance: none;
  -moz-osx-font-smoothing: grayscale;
  -moz-user-select: none;
  -ms-touch-action: manipulation;
  -ms-user-select: none;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  -webkit-user-select: none;
  background-color: var(--rex-button-theme-background);
  border: 1px solid var(--rex-button-theme-border);
  border-radius: var(--rex-button-border-radius);
  color: var(--rex-button-theme-text);
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: inherit;
  line-height: 1.5;
  margin: 0;
  min-width: var(--rex-button-min-width);
  outline: none;
  overflow: visible;
  padding: var(--rex-button-padding-top-bottom)
    var(--rex-button-padding-left-right) var(--rex-button-padding-top-bottom)
    var(--rex-button-padding-left-right);
  text-align: center;
  text-decoration: none;
  text-transform: none;
  touch-action: manipulation;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
}
.rex-button-pill-outline,
.rex-button-pill-outline:after,
.rex-button-pill-outline:before {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.rex-button-pill-outline::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
.rex-button-pill-outline:-moz-focusring {
  outline: 1px dotted;
}
.rex-button-pill-outline[role="button"] {
  cursor: pointer;
}
.rex-button-pill-outline:focus {
  outline: none;
}
.rex-button-pill-outline.hover,
.rex-button-pill-outline:hover {
  background-color: var(--rex-button-theme-hover-background);
  border-color: var(--rex-button-theme-hover-border);
  color: var(--rex-button-theme-hover-text);
}
.rex-button-pill-outline.active,
.rex-button-pill-outline:active {
  background-color: var(--rex-button-theme-active-background);
  border-color: var(--rex-button-theme-active-border);
  color: var(--rex-button-theme-active-text);
}
.rex-button-pill-outline.focus,
.rex-button-pill-outline:focus {
  background-color: var(--rex-button-theme-focus-background);
  border-color: var(--rex-button-theme-focus-border);
  color: var(--rex-button-theme-focus-text);
}