.checkbox {
  width: 25px;
  height: 25px;
  border: 1px solid #D8DCE9;
  border-radius: 8px;
}

.checkbox input[type=checkbox]:active,
.checkbox input[type=checkbox]:focus,
.checkbox input[type=checkbox]:hover,
.checkbox input[type=checkbox]:focus-visible,
.checkbox input[type=checkbox]:checked {
  border-color: rgba(202, 18, 170, 0.5);
  box-shadow: none;
}

.checkbox[type=checkbox]:checked {
  background-color: #5068A5;
}