/* Основной стиль фиолетовой кнопки */
.btn-purple {
  color: #fff;
  background-color: #6f42c1;
  border-color: #6f42c1;
}

/* Стиль при наведении и фокусе */
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active {
  color: #fff;
  background-color: #5a32a8;
  border-color: #522d99;
}

/* Стиль для disabled состояния */
.btn-purple:disabled,
.btn-purple.disabled {
  color: #fff;
  background-color: #6f42c1;
  border-color: #6f42c1;
  opacity: 0.65;
}

/* Стиль для outline варианта */
.btn-outline-purple {
  color: #6f42c1;
  background-color: transparent;
  background-image: none;
  border-color: #6f42c1;
}

.btn-outline-purple:hover,
.btn-outline-purple:focus,
.btn-outline-purple:active,
.btn-outline-purple.active {
  color: #fff;
  background-color: #6f42c1;
  border-color: #6f42c1;
}

.btn-outline-purple:disabled,
.btn-outline-purple.disabled {
  color: #6f42c1;
  background-color: transparent;
}


.bi-wb {
  width: 1em;
  height: 1em;
  display: inline-block;
  background-color: currentColor;
  -webkit-mask: url('/assets/dist/img/text_wb.svg') no-repeat center;
  -webkit-mask-size: contain;
  mask: url('/assets/dist/img/text_wb.svg') no-repeat center;
  mask-size: contain;
}

.bi-1c {
  width: 1em;
  height: 1em;
  display: inline-block;
  background-color: currentColor;
  -webkit-mask: url('/assets/dist/img/text_1c.svg') no-repeat center;
  -webkit-mask-size: contain;
  mask: url('/assets/dist/img/text_1c.svg') no-repeat center;
  mask-size: contain;
}

.lockscreen-image {
  left: -30px;
  top: -2px;
}