.btn {
    padding: 14px 24px;
    border: 0 none;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 10px;
    border-radius: 5px;
    width: 250px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}
.btn-primary {
    background: #0099cc;
    color: #ffffff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #33a6cc;
}
.btn-primary:active, .btn-primary.active {
    background: #007299;
    box-shadow: none;
}
.btnsecondary {
    padding: 10px 24px;
    border: 0 none;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 10px;
    border-radius: 5px;
    width: 200px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.btnsecondary:focus, .btnsecondary:active:focus, .btnsecondary.active:focus {
    outline: 0 none;
}
.btnsecondary-primary {
    background: #b0b0b0;
    color: #ffffff;
}
.btnsecondary-primary:hover, .btnsecondary-primary:focus, .btnsecondary-primary:active {
    background: #999999;
}
.btnsecondary-primary:active, .btnsecondary-primary.active {
    background: #bbbbbb;
    box-shadow: none;
}
/* .squaredTwo */
.squaredTwo {
  width: 23px;
  height: 23px;
  position: relative;
  margin: 20px auto;
  background: #fcfff4;
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
  label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    left: 4px;
    top: 4px;
    background: linear-gradient(top, #222 0%, #45484d 100%);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    &:after {
      content: '';
      width: 9px;
      height: 5px;
      position: absolute;
      top: 4px;
      left: 4px;
      border: 3px solid #fcfff4;
      border-top: none;
      border-right: none;
      background: transparent;
      opacity: 0;
      transform: rotate(-45deg);
    }
    &:hover::after {
      opacity: 0.3;
    }
  }
  input[type=checkbox] {
    visibility: hidden;
    &:checked + label:after {
      opacity: 1;
    }    
  }
}
/* end .squaredTwo */