.btn{
  display:inline-block;
  text-align:center;
  height:32px;
  line-height:20px;
  min-width:72px;
  background-color:#FFF;
  border:1px solid var(--silver);
  font-weight:400;
  font-size:14px;
  color:#666;
  padding:5px 16px;
  border-radius:16px;
}
.btn:focus{
  box-shadow:none!important;
}
.btn:not(.no-hover):not(.btn-low):hover{
  background-color:var(--gray-smoke);
  border-color:var(--gray-smoke);
}
.btn.btn-xs{
  height:24px;
  line-height:19px;
  min-width:56px;
  font-size:13px;
  padding:1.5px 8px;
  border-radius:4px;
}
.btn.btn-s{
  height:28px;
  line-height:19px;
  min-width:64px;
  font-size:13px;
  padding:3.5px 16px;
  border-radius:16px;
}
.btn.btn-r{
  height:32px;
  line-height:20px;
  min-width:72px;
  font-size:14px;
  padding:5px 16px;
  border-radius:16px;
}
.btn.btn-m{
  height:36px;
  line-height:20px;
  min-width:72px;
  font-size:14px;
  font-weight:400;
  padding:8px 14px;
  border-radius:20px;
}
.btn.btn-l{
  height:40px;
  line-height:20px;
  min-width:120px;
  font-size:14px;
  padding:9px 16px;
  border-radius:20px;
}
.btn.btn-low{
  border:none;
  text-decoration:underline;
  font-weight:400;
  font-size:14px;
  line-height:20px;
  padding:0;
  border-radius:0;
  height:auto;
}
.btn.btn-st2{
  border-radius:4px;
}
.btn.btn-disabled{
  background-color:var(--gray-smoke)!important;
  border-color:var(--gray-smoke)!important;
  color:var(--dim-gray);
}
.btn.btn-primary{
  background-color:var(--primary)!important;
  border-color:var(--primary)!important;
  color:var(--white);
}
.btn.btn-tutorial{
  border:none;
  background-color:transparent;
  text-decoration:underline;
  font-weight:400;
  font-size:16px;
  line-height:24px;
  padding:0;
  border-radius:0;
  height:auto;
  width:auto;
  min-width:0;
  vertical-align:middle;
  color:var(--danger);
}
.btn.btn-tutorial:before{
  content: ' ';
  display: inline-block;
  margin-right: 4px;
  width: 22px;
  height: 22px;
  top: 6px;
  position: relative;
  background-color: transparent;
  background-image: url(/images/icons/tutorial.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.btn.btn-tutorial:hover{
  background-color:transparent!important;
  color:var(--danger)!important;
}
.btn.btn-r.btn-tutorial{
  font-size:14px;
  line-height:20px;
}
.btn.btn-r.btn-tutorial:before{
  width:18px;
  height:18px;
  top:4px;
}
.btn.hover-primary:hover{
  background-color:var(--primary)!important;
  color:var(--white)!important;
}
.btn.hover-danger:hover{
  background-color:var(--danger)!important;
  color:var(--white)!important;
}
.btn.hover-orange:hover{
  background-color:var(--orange)!important;
  color:var(--white)!important;
}
.btn.hover-success:hover{
  background-color:var(--success)!important;
  color:var(--white)!important;
}