/* Button Component */
.c-button {
  height: 48px;
  padding: 12px 24px;
  display: inline-block;
  border: 0;
  border-radius: 4px;
  background-color: var(--background-color, var(--primary-color));
  color: var(--secondary-color);
  font-family: var(--prelo-semibold);
  font-size: 0.875rem;
  line-height: 1.5rem;
  text-decoration: none;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
}
.c-button:hover {
  background-color: var(--background-hover, var(--yellow-700));
}
.c-button:focus {
  border: 2px solid var(--strongBlue500);
  color: var(--blue500);
}
.c-button__primary {
  --background-color: var(--primary-color);
  --background-hover: var(--yellow700);
}
.c-button__secondary {
  --background-color: var(--darkGrayishBlue200);
  --background-hover: var(--darkGrayishBlue500);
}
.c-button__tertiary {
  --background-color: var(--white);
  --background-hover: var(--darkGrayishBlue200);
}
.c-button__complementary {
  --background-color: var(--secondary-color);
  --background-hover: var(--blue600);
  color: var(--white);
}
.c-button__complementary:focus {
  color: var(--white);
}
.c-button__destructive {
  --background-color: var(--destructive);
  --background-hover: var(--danger600);
  color: var(--white);
}
.c-button--xs {
  height: 32px;
  padding: 8px 16px;
  font-size: 0.75rem;
  line-height: 1rem;
}
.c-button--sm {
  height: 32px;
  padding: 8px 16px;
  font-size: 0.75rem;
  line-height: 1rem;
}
.c-button--md {
  height: 40px;
  padding: 8px 24px;
}
.c-button--lg {
  height: 48px;
  padding: 12px 24px;
}
.c-button--xl {
  height: 56px;
  padding: 16px 24px;
}

.block__boton {
  display: flex;
  justify-content: center;
}
.block__boton .c-button__tertiary {
  border: 1px solid var(--blue500);
}
/*# sourceMappingURL=button.css.map */