/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable */
/* stylelint-enable */
/* [Core] - Buttons
------------------------------------------------------------------ */
/*
 * Gets color from theme-colors or from palette-colors
 */
/*
 * Converts hex value to rgb colors value
 */
/* stylelint-disable order/order */
/* stylelint-enable order/order */
/*
 * Generates list of utility classes for margin, padding
 *
 * Make sure $list of definitions is sorted so that last item is defined last
 * So largest views are mentioned last.
 */
/*
 -  Variables - Sizes
 */
/* "Constants" for general usage */
/*
 -  Variables - Layout
 */
/**
* Utilities - Offset
*/
/* stylelint-disable order/order */
/* stylelint-enable order/order */
/* stylelint-disable order/order */
/* stylelint-enable order/order */
/* stylelint-disable order/order */
/* stylelint-enable order/order */
/**
* Generates CSS3 var with default value
*/
/*
 -  Variables - Variants
 */
/*
 -  Variables - Sizes
 */
/* "Constants" for general usage */
/*
 -  Variables - Accordion
 */
/*
 -  Variables - Alert
 */
/*
 -  Variables - Autocomplete
 */
/*
 -  Variables - Buttons (&& Badges)
 */
/*
 -  Variables - Classes
 */
/*
 -  Variables - Colors
 */
/*
 -  Variables - Container
 */
/*
 -  Variables - Content Message
 */
/*
 -  Variables - General
 */
/*
 -  Variables - Layout
 */
/*
 -  Variables - Form Message
 */
/*
 -  Variables - Modal
 */
/**
* Utilities - Offset
*/
/*
 -  Variables - shadows
 */
/* "Constants" for general usage */
/*
 -  Variables - StatsBar
 */
/*
 -  Variables - Tabs
 */
/*
 -  Variables - Typography
 */
/*
 -  Variables - Tooltip
 */
/*
 -	Variables - Forms
 */
/*
 -  Variables - Toast Message
 */
/*
 -  Variables - Wizzard
 */
/*
 -  Variables - Stepper
 */
/*
 -  Variables - Grid & Tile
 */
.gov-spin-animation,
.gov-pseudo-spin-animation::before {
  animation: spin 4s linear infinite;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
:host {
  display: block;
  border: 1px solid var(--gov-color-secondary-500);
  border-radius: var(--gov-border-radius, 0.1875rem);
  background-color: var(--gov-color-secondary-100);
}
:host ::slotted(button) {
  display: block;
  width: 100%;
  padding: 15px 10px;
  border: 0;
  background-color: transparent;
  color: var(--gov-color-secondary);
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
}
:host ::slotted(button:focus-visible),
:host ::slotted(button:hover) {
  background-color: var(--gov-color-primary-200);
}