/* ../../../tmp/tmp-3116962-4N4jG9KPHeIl/html/plugins/bp/web/assets/elements/button.css */
.button {
  word-break: break-word;
  max-width: 100%;
  font-size: 1rem;
  line-height: 1.5;
  display: inline-flex;
  text-decoration: none;
  cursor: pointer;
  border-radius: 4px;
  font-weight: 600;
  background-color: #191a1b;
  border: 2px solid;
  border-color: transparent;
  color: #fff;
  transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.button .button-icon svg path {
  fill: #fff;
}
.button:hover {
  background-color: #2a2f44;
}
.button:active {
  background-color: #3e4054;
}
.button.button-disabled {
  background-color: #a4abb7;
  pointer-events: none;
}
.button-light {
  background-color: #fff;
  color: #191a1b;
  transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.button-light .button-icon svg path {
  fill: #191a1b;
}
.button-light:hover {
  background-color: #f9fafc;
}
.button-light:active {
  background-color: #f3f5f8;
}
.button-light.button-disabled {
  background-color: #e4e8ed;
  pointer-events: none;
}
.button-outline-light {
  background-color: transparent;
  color: #191a1b;
  border-color: #fff;
  transition:
    color 0.3s ease-out,
    background-color 0.3s ease-out,
    border-color 0.3s ease-out;
}
.button-outline-light .button-icon svg path {
  fill: #191a1b;
}
.button-outline-light:hover {
  background-color: #f9fafc;
}
.button-outline-light:active {
  background-color: #f3f5f8;
}
.button-outline-light.button-disabled {
  background-color: #e4e8ed;
  pointer-events: none;
}
.button-outline-dark {
  background-color: transparent;
  color: #191a1b;
  border-color: #191a1b;
  transition:
    color 0.3s ease-out,
    background-color 0.3s ease-out,
    border-color 0.3s ease-out;
}
.button-outline-dark .button-icon svg path {
  fill: #191a1b;
}
.button-outline-dark:hover {
  background-color: rgba(25, 26, 27, 0.05);
}
.button-outline-dark:active {
  background-color: rgba(25, 26, 27, 0.1);
}
.button-outline-dark.button-disabled {
  border-color: rgba(25, 26, 27, 0.1);
  pointer-events: none;
}
.button-icon svg {
  height: 24px;
  margin-right: 12px;
}
.button-icon-inverted svg {
  height: 24px;
  margin-left: 12px;
}