:root {
  --rf-grey: #777e96;
  --rf-passive-grey: #bec2cd;
  --rf-white: #fff;
  --rf-red: #f52626;
  --rf-dark-blue: #20273d;
  --rf-blue: #448aff;
}
* {
  font-family: Roboto, sans-serif;
}
.default-button {
  border: unset;
  border-radius: 10px;
  color: var(--rf-white);
  cursor: pointer;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 19px;
  min-width: 143px;
  outline: none;
  padding: 18px 10px 19px;
  position: relative;
  transition: 0.1s;
  width: 100%;
}
.default-button:hover {
  opacity: 0.85;
}
.default-button:disabled {
  cursor: default;
  opacity: 0.5;
}
.default-button:disabled:hover {
  opacity: 0.5;
}
.default-button:focus {
  outline: 1px solid var(--rf-grey);
}
.default-button.busy:hover {
  cursor: default;
  opacity: 1;
}
.default-button .spinner {
  display: none;
}
.default-button.busy {
  min-height: 56px;
}
.default-button.busy div:first-child {
  display: inline-block;
  left: calc(50% - 16px);
  position: absolute;
  top: calc(50% - 16px);
}
.default-button.busy div:last-child {
  display: none;
}
.default-button__secondary {
  background: transparent;
  font-weight: 400;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 5px 10px;
}
.default-button__xs-small {
  border-radius: 8px;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 9px 10px;
}
.default-button__small {
  padding: 13.5px 10px;
}
.default-button__large {
  padding: 21px 10px 20px;
}
.default-button__main-form {
  max-width: 249px;
}
.default-button__styles__dark-blue {
  background-color: var(--rf-dark-blue);
}
.default-button__styles__blue {
  background-color: var(--rf-blue);
}
.default-button__styles__contrast-blue {
  background-color: #054efc;
}
.default-button__styles__transparent {
  background-color: transparent;
  color: var(--rf-blue);
}
.default-button__styles__grey {
  background-color: var(--rf-grey);
  color: var(--rf-white);
}
@media (max-width: 991px) {
  .default-button__main-form {
    max-width: 414px;
  }
}