button:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.btn {
  -webkit-transition: 125ms ease;
  transition: 125ms ease;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 0.16rem;
  font-family: Poppins;
  font-size: 0.875rem;
  line-height: 1.25rem;

  /* For badges */

  position: relative;
}

.btn__label {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  color: currentColor;
}

.btn__counter {
  margin-right: 1.5rem;
  border-radius: 0.16rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.btn__icon {
  margin-right: 1.5rem;
  display: inline-block;
  max-height: 100%;
  width: 1rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  fill: currentColor;
}

.btn:disabled,
.btn[disabled] {
  cursor: not-allowed;
}
/* For badges */
.btn::after {
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 18px;
  min-width: 18px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #0082f2;
  color: #fff;
  opacity: 1;
  border-radius: 10px;
  padding: 0 6px;
  content: attr(data-badge);
  -webkit-transform: scale(1) translate(50%, -50%);
  transform: scale(1) translate(50%, -50%);
  font: normal normal normal 10px/14px "Open Sans";
}

.btn[data-badge=""]::after,
.btn:not([data-badge])::after,
.btn[data-badge="0"]::after {
  content: none;
}

.btn .btn__icon:only-child {
  margin-left: 0px;
  margin-right: 0px;
}

.btn--no-margin > .btn__icon {
  margin-right: 0px;
}
/** Botão só com ícone **/
.btn--icon {
  padding: 0.75rem;
}

.btn--icon svg {
  fill: currentColor;
}

.btn--input {
  height: 100%;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem;
}

.btn {
  height: 2.5rem;
  min-width: 2.5rem;
}

.btn--sm {
  height: 2.125rem;
  min-width: 2.125rem;
}

.btn--xs {
  font-size: 0.813rem;
  line-height: 1.20rem;
  height: 2rem;
  min-width: 2rem;
}

.btn--lg {
  font-size: 1.125rem;
  line-height: 1.50rem;
  height: 3rem;
  min-width: 3rem;
}

.btn--xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
  height: 3.375rem;
  min-width: 3.375rem;
}

.btn--primary {
  border: solid 1 #0082f2;
  background-color: #0082f2;
  color: #fff;
}

.btn--primary .btn__counter {
  background-color: #fff;
  color: #0082f2;
}

.btn--primary-hover,
.btn--primary:hover:enabled {
  opacity: 0.75;
}

.btn--primary:disabled,
.btn--primary[disabled] {
  opacity: 0.5;
}

.btn--primary:active {
  opacity: 1;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 131, 242, 0.45);
  box-shadow: 0 0 5px 0 rgba(0, 131, 242, 0.45);
}

a.btn--primary {
  color: #fff;
}

a.btn--primary:hover {
  text-decoration-line: none;
  opacity: 0.75;
}

.btn--primary-light {
  background-color: #e5f2fe;
  color: #0082f2;
}

.btn--primary-light .btn__counter {
  background-color: #0082f2;
  color: #e5f2fe;
}

.btn--primary-light-hover,
.btn--primary-light:hover:enabled {
  opacity: 0.7;
}

.btn--primary-light:disabled,
.btn--primary-light[disabled] {
  opacity: 0.5;
}

.btn--primary-light:active {
  opacity: 1;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 131, 242, 0.45);
  box-shadow: 0 0 5px 0 rgba(0, 131, 242, 0.45);
}

a.btn--primary-light {
  color: #0082f2;
}

a.btn--primary-light:hover {
  text-decoration-line: none;
  opacity: 0.5;
}

.btn--secondary {
  border: 1px solid #303a4d;
  background-color: #303a4d;
  color: #fff;
}

.btn--secondary .btn__counter {
  background-color: #fff;
  color: #303a4d;
}

.btn--secondary-hover,
.btn--secondary:hover:enabled {
  opacity: 0.75;
}

.btn--secondary:disabled,
.btn--secondary[disabled] {
  opacity: 0.5;
}

.btn--secondary:active {
  opacity: 1;
  -webkit-box-shadow: 0 0 5px 0 rgba(48, 48, 77, 0.45);
  box-shadow: 0 0 5px 0 rgba(48, 48, 77, 0.45);
}

a.btn--secondary {
  color: #fff;
}

a.btn--secondary:hover {
  text-decoration-line: none;
  opacity: 0.5;
}

.btn--tertiary {
  background-color: #8f9eb9;
  color: #fff;
}

.btn--tertiary .btn__counter {
  background-color: #fff;
  color: #8f9eb9;
}

.btn--tertiary-hover,
.btn--tertiary:hover:enabled {
  opacity: 0.75;
}

.btn--tertiary:disabled,
.btn--tertiary[disabled] {
  opacity: 0.5;
}

.btn--tertiary:active {
  opacity: 1;
  -webkit-box-shadow: 0 0 5px 0 rgba(143, 158, 185, 0.45);
  box-shadow: 0 0 5px 0 rgba(143, 158, 185, 0.45);
}

a.btn--tertiary {
  color: #fff;
}

a.btn--tertiary:hover {
  text-decoration-line: none;
  opacity: 0.5;
}

.btn--quaternary {
  background-color: #fff;
  color: #0082f2;
  border: 1px solid #0082f2;
}

.btn--quaternary .btn__counter {
  border: 1px solid #0082f2;
}

.btn--quaternary-hover,
.btn--quaternary:hover:enabled {
  color: #fff;
  background-color: #0082f2;
}

.btn--quaternary-hover .btn__counter,
.btn--quaternary:hover:enabled .btn__counter {
  background-color: #fff;
  color: #0082f2;
}

.btn--quaternary:disabled,
.btn--quaternary[disabled] {
  opacity: 0.5;
  color: #0082f2;
  border: 1px solid #0082f2;
}

.btn--quaternary:active {
  opacity: 1;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 131, 242, 0.45);
  box-shadow: 0 0 5px 0 rgba(0, 131, 242, 0.45);
}

a.btn--quaternary {
  color: #0082f2;
}

a.btn--quaternary:hover {
  text-decoration-line: none;
  color: #fff;
  background-color: #0082f2;
}

a.btn--quaternary:hover .btn__counter {
  background-color: #fff;
  color: #0082f2;
}

.btn--quaternary-navy {
  background-color: #fff;
  color: #303a4d;
  border: 1px solid #303a4d;
}

.btn--quaternary-navy .btn__counter {
  border: 1px solid #303a4d;
}

.btn--quaternary-navy-hover,
.btn--quaternary-navy:hover:enabled {
  color: #fff;
  background-color: #303a4d;
}

.btn--quaternary-navy-hover .btn__counter,
.btn--quaternary-navy:hover:enabled .btn__counter {
  background-color: #fff;
  color: #303a4d;
}

.btn--quaternary-navy:disabled,
.btn--quaternary-navy[disabled] {
  opacity: 0.5;
}

.btn--quaternary-navy:active {
  opacity: 1;
  -webkit-box-shadow: 0 0 5px 0 rgba(48, 48, 77, 0.45);
  box-shadow: 0 0 5px 0 rgba(48, 48, 77, 0.45);
}

a.btn--quaternary-navy {
  color: #303a4d;
}

a.btn--quaternary-navy:hover {
  text-decoration-line: none;
  color: #fff;
  background-color: #303a4d;
}

a.btn--quaternary-navy:hover .btn__counter {
  background-color: #fff;
  color: #303a4d;
}

.btn--quaternary-red {
  background-color: #fff;
  color: #fe6868;
  border: 1px solid #fe6868;
}

.btn--quaternary-red .btn__counter {
  border: 1px solid #fe6868;
}

.btn--quaternary-red-hover,
.btn--quaternary-red:hover:enabled {
  color: #fff;
  background-color: #fe6868;
}

.btn--quaternary-red-hover .btn__counter,
.btn--quaternary-red:hover:enabled .btn__counter {
  background-color: #fff;
  color: #fe6868;
}

.btn--quaternary-red:disabled,
.btn--quaternary-red[disabled] {
  opacity: 0.5;
}

.btn--quaternary-red:active {
  opacity: 1;
  -webkit-box-shadow: 0 0 5px 0 rgba(254, 104, 104, 0.45);
  box-shadow: 0 0 5px 0 rgba(254, 104, 104, 0.45);
}

a.btn--quaternary-red {
  color: #fe6868;
}

a.btn--quaternary-red:hover {
  text-decoration-line: none;
  color: #fff;
  background-color: #fe6868;
}

a.btn--quaternary-red:hover .btn__counter {
  background-color: #fff;
  color: #fe6868;
}

.btn--danger {
  background-color: #fe6868;
  color: #fff;
}

.btn--danger .btn__counter {
  background-color: #fff;
  color: #fe6868;
}

.btn--danger-hover,
.btn--danger:hover:enabled {
  opacity: 0.75;
}

.btn--danger:disabled,
.btn--danger[disabled] {
  background-color: transparent;
  opacity: 1;
  color: #8f9eb9;
}

.btn--danger:active:not(:disabled) {
  opacity: 1;
  -webkit-box-shadow: 0 0 5px 0 rgba(254, 104, 104, 0.45);
  box-shadow: 0 0 5px 0 rgba(254, 104, 104, 0.45);
}

a.btn--danger {
  color: #fff;
}

a.btn--danger:hover {
  text-decoration-line: none;
  opacity: 0.75;
}

.btn--contrast {
  border: solid 1 #fff;
  background-color: #fff;
  color: #303a4d;
}

.btn--contrast .btn__counter {
  background-color: #fff;
  color: #303a4d;
}

.btn--contrast-hover,
.btn--contrast:hover:enabled {
  opacity: 0.75;
}

.btn--contrast:disabled,
.btn--contrast[disabled] {
  opacity: 0.5;
}

.btn--contrast:active {
  opacity: 1;
  -webkit-box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.45);
  box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.45);
}

a.btn--contrast {
  color: #303a4d;
}

a.btn--contrast:hover {
  text-decoration-line: none;
  opacity: 0.75;
}

.btn--back {
  color: #8f9eb9;
  background-color: transparent;
  border: 1px solid #8f9eb9;
}

.btn--back .btn__counter {
  background-color: #fff;
  border: 1px solid #8f9eb9;
}

.btn--back-hover,
.btn--back:hover:enabled {
  opacity: 0.75;
}

.btn--back:disabled,
.btn--back[disabled] {
  opacity: 0.5;
}

.btn--back:active {
  opacity: 1;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px 0 rgba(143, 158, 185, 0.45);
  box-shadow: 0 0 5px 0 rgba(143, 158, 185, 0.45);
}

a.btn--back {
  color: #8f9eb9;
}

a.btn--back:hover {
  text-decoration-line: none;
  opacity: 0.75;
}

.btn--back-navy {
  background-color: transparent;
  color: #303a4d;
  border: 1px solid #303a4d;
}

.btn--back-navy .btn__counter {
  background-color: #fff;
  border: 1px solid #303a4d;
}

.btn--back-navy-hover,
.btn--back-navy:hover:enabled {
  opacity: 0.75;
}

.btn--back-navy:disabled,
.btn--back-navy[disabled] {
  opacity: 0.5;
}

.btn--back-navy:active {
  opacity: 1;
  -webkit-box-shadow: 0 0 5px 0 rgba(143, 158, 185, 0.45);
  box-shadow: 0 0 5px 0 rgba(143, 158, 185, 0.45);
}

a.btn--back-navy {
  color: #8f9eb9;
}

a.btn--back-navy:hover {
  text-decoration-line: none;
  opacity: 0.75;
}

.btn--ghost {
  background-color: transparent;
  color: #0082f2;
}

.btn--ghost .btn__counter {
  border: 1px solid #0082f2;
}

.btn--ghost-hover,
.btn--ghost:hover:enabled {
  background-color: #e5f2fe;
}

.btn--ghost:disabled,
.btn--ghost[disabled] {
  background-color: #e5f2fe;
}

.btn--ghost:active {
  opacity: 1;
  background-color: #e5f2fe;
  -webkit-box-shadow: 0 0 5px 0 rgba(205, 216, 232, 0.45);
  box-shadow: 0 0 5px 0 rgba(205, 216, 232, 0.45);
}

a.btn--ghost {
  color: #0082f2;
}

a.btn--ghost:hover {
  text-decoration-line: none;
  background-color: #e5f2fe;
}

.btn--ghost-red {
  background-color: transparent;
  color: #fe6868;
}

.btn--ghost-red .btn__counter {
  border: 1px solid #fe6868;
}

.btn--ghost-red-hover,
.btn--ghost-red:hover:enabled {
  background-color: #ffd9d9;
}

.btn--ghost-red:disabled,
.btn--ghost-red[disabled] {
  opacity: 0.5;
  color: #fe6868;
}

.btn--ghost-red:active {
  opacity: 1;
  background-color: #ffd9d9;
  -webkit-box-shadow: 0 0 5px 0 rgba(205, 216, 232, 0.45);
  box-shadow: 0 0 5px 0 rgba(205, 216, 232, 0.45);
}

a.btn--ghost-red {
  color: #fe6868;
}

a.btn--ghost-red:hover {
  background-color: #ffd9d9;
  text-decoration-line: none;
}

.btn--ghost-red-border {
  background-color: transparent;
  color: #fe6868;
  border: 1px solid #fe6868;
}

.btn--ghost-red-border-hover,
.btn--ghost-red-border:hover:enabled {
  background-color: #ffd9d9;
}

.btn--ghost-red-border:disabled,
.btn--ghost-red-border[disabled] {
  opacity: 0.5;
  color: #fe6868;
}

.btn--ghost-red-border:active {
  opacity: 1;
  background-color: #ffd9d9;
  -webkit-box-shadow: 0 0 5px 0 rgba(205, 216, 232, 0.45);
  box-shadow: 0 0 5px 0 rgba(205, 216, 232, 0.45);
}

a.btn--ghost-red-border {
  color: #fe6868;
}

a.btn--ghost-red-border:hover {
  background-color: #ffd9d9;
  text-decoration-line: none;
}

.btn--ghost-back {
  background-image: none;
  color: #8f9eb9;
}

.btn--ghost-back .btn__counter {
  border-width: 1px;
  border-color: #303a4d;
}

.btn--ghost-back-hover,
.btn--ghost-back:hover:enabled {
  background-color: #e9ecf1;
}

.btn--ghost-back:disabled,
.btn--ghost-back[disabled] {
  opacity: 0.5;
}

.btn--ghost-back:active {
  background-color: rgba(255, 255, 255, 0.2);
}

.btn--ghost-back.focus-visible,
.btn--ghost-back:focus {
  outline-width: 0px;
}

.btn--ghost-back:focus-visible,
.btn--ghost-back:focus {
  outline-width: 0px;
}

a.btn--ghost-back {
  color: #8f9eb9;
}

a.btn--ghost-back:hover {
  background-color: #e9ecf1;
  text-decoration-line: none;
}

.btn--ghost-white-alpha {
  background-color: transparent;
  color: #fff;
}

.btn--ghost-white-alpha .btn__counter {
  border: 1px solid #fff;
}

.btn--ghost-white-alpha-hover,
.btn--ghost-white-alpha:hover:enabled {
  background-color: transparent;
}

.btn--ghost-white-alpha:disabled,
.btn--ghost-white-alpha[disabled] {
  opacity: 0.5;
  color: #fff;
}

.btn--ghost-white-alpha:active {
  background-color: rgba(255, 255, 255, 0.2);
}

.btn--ghost-white-alpha.focus-visible,
.btn--ghost-white-alpha:focus {
  outline-width: 0px;
}

.btn--ghost-white-alpha:focus-visible,
.btn--ghost-white-alpha:focus {
  outline-width: 0px;
}

a.btn--ghost-white-alpha {
  color: #fff;
}

a.btn--ghost-white-alpha:hover {
  background-color: transparent;
  text-decoration-line: none;
}

.btn--transparent-neutral {
  background-image: none;
  color: #8f9eb9;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}

.btn--transparent-neutral .btn__counter {
  border-width: 1px;
  border-color: #303a4d;
}

.btn--transparent-neutral-hover,
.btn--transparent-neutral:hover:enabled {
  background-image: none;
  color: #0082f2;
  outline: none;
}

.btn--transparent-neutral:disabled,
.btn--transparent-neutral[disabled] {
  opacity: 0.5;
}

.btn--transparent-neutral:active {
  background-image: none;
  color: #0082f2;
  outline: none;
  background-color: rgba(143, 158, 185, 0.15);
}

.btn--transparent-neutral.focus-visible {
  outline: none;
  border-color: #303a4d;
}

.btn--transparent-neutral:focus-visible {
  outline: none;
  border-color: #303a4d;
}

a.btn--transparent-neutral {
  color: #8f9eb9;
}

a.btn--transparent-neutral:hover {
  background-image: none;
  color: #0082f2;
  text-decoration-line: none;
}

@-webkit-keyframes rgbAnimation {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes rgbAnimation {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.btn--debug {
  background: -webkit-gradient(linear, right top, left top, from(red), color-stop(orange), color-stop(yellow), color-stop(green), color-stop(blue), color-stop(indigo), to(violet));
  background: linear-gradient(270deg, red, orange, yellow, green, blue, indigo, violet);
  background-size: 1400% 1400%;
  -webkit-animation: rgbAnimation 10s ease infinite;
  animation: rgbAnimation 10s ease infinite;
  color: #fff;
}

.btn--debug .btn__counter {
  background-color: #fff;
  color: #8f9eb9;
}

.btn--debug-hover,
.btn--debug:hover:enabled {
  opacity: 0.75;
}

.btn--debug:disabled,
.btn--debug[disabled] {
  opacity: 0.5;
}

.btn--debug:active {
  opacity: 1;
  -webkit-box-shadow: 0 0 5px 0 rgba(143, 158, 185, 0.45);
  box-shadow: 0 0 5px 0 rgba(143, 158, 185, 0.45);
}

a.btn--debug {
  color: #fff;
}

a.btn--debug:hover {
  text-decoration-line: none;
  opacity: 0.5;
}

.btn-dropdown {
  position: relative;
  display: inline-block;
  overflow: visible;
  font-family: Poppins;
  border-radius: 4px;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

.btn-dropdown.focus-visible {
  background-image: none;
  color: #0082f2;
  border-color: #303a4d;
}

.btn-dropdown:focus-visible {
  background-image: none;
  color: #0082f2;
  border-color: #303a4d;
}

.btn-dropdown .btn__icon {
  margin-right: 1rem;
  width: 0.75rem;
}

.btn-dropdown__content {
  position: absolute;
  display: none;
  border-radius: 0.16rem;
  opacity: 1;
  z-index: 100000;
  -webkit-box-shadow: 0 3px 6px 0 rgba(182, 195, 213, 0.45);
  box-shadow: 0 3px 6px 0 rgba(182, 195, 213, 0.45);
  background-color: #fff;
  color: #222222;
}

.btn-dropdown__content--show {
  display: block;
}

.btn-dropdown__content li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.btn-dropdown__content li a {
  color: currentColor;
  text-decoration-line: none;
}

.btn-dropdown__content li:first-child {
  border-top-left-radius: 0.16rem;
  border-top-right-radius: 0.16rem;
}

.btn-dropdown__content li:last-child {
  border-bottom-right-radius: 0.16rem;
  border-bottom-left-radius: 0.16rem;
}

.btn-dropdown__content li:hover {
  background-color: rgba(182, 195, 213, 0.2);
}

.btn-dropdown__content li > * {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.btn-dropdown:hover > .btn--primary {
  opacity: 0.75;
}

.btn-dropdown:hover > .btn--primary-light {
  opacity: 0.5;
}

.btn-dropdown:hover > .btn--secondary {
  opacity: 0.5;
}

.btn-dropdown:hover > .btn--tertiary {
  opacity: 0.5;
}

.btn-dropdown:hover > .btn--quaternary {
  color: #fff;
  background-color: #0082f2;
}

.btn-dropdown:hover > .btn--quaternary .btn__counter {
  background-color: #fff;
  color: #0082f2;
}

.btn-dropdown:hover > .btn--quaternary-navy {
  color: #fff;
  background-color: #303a4d;
}

.btn-dropdown:hover > .btn--quaternary-navy .btn__counter {
  background-color: #fff;
  color: #303a4d;
}

.btn-dropdown:hover > .btn--quaternary-red {
  color: #fff;
  background-color: #fe6868;
}

.btn-dropdown:hover > .btn--quaternary-red .btn__counter {
  background-color: #fff;
  color: #fe6868;
}

.btn-dropdown:hover > .btn--danger {
  opacity: 0.75;
}

.btn-dropdown:hover > .btn--ghost {
  background-color: #e5f2fe;
}

.btn-dropdown:hover > .btn--ghost-red {
  background-color: #ffd9d9;
}

.btn-dropdown:hover > .btn--ghost-back {
  background-color: #e9ecf1;
}

.btn-dropdown:hover > .btn--ghost-white-alpha {
  background-color: transparent;
}

.btn-dropdown:hover > .btn--back {
  opacity: 0.75;
}

.btn-dropdown:hover > .btn--back-navy {
  opacity: 0.75;
}

.btn-dropdown--upwards .btn-dropdown__content {
  bottom: 100%;
  top: auto;
}

.btn-dropdown--upwards .btn__icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.btn-dropdown:hover {
  opacity: 1;
}

.btn-dropdown-hover:hover .btn-dropdown__content {
  display: block;
}

.btn--backgroundless {
  background-color: transparent;
}