.col-1{width: 7rem;}
.col-2{width: auto;}
.col-3{width: auto;}
.col-4{width: 8rem;}
.col-5{width: 8rem;}

.calculator {margin: 0 auto;}


.page-group[data-style="box"] {
  justify-content: center;
  margin: 3.6rem 0;
}
.page-group[data-style="box"] > span {
  display: flex;
  justify-content: center;
}
.calculator button:hover,
.calculator button:focus,
.calculator button:active {
  outline: .2rem solid #456287;
}

[data-mode="complete"] .calculator button{pointer-events: none;}
[data-mode="complete"] input[data-complete-state="false"] {
  border: 1px solid #D54551 !important;
  background-color: #fff5f6 !important;
  color: #D54551 !important;
}