.btn {
  border-radius: 0;
  font-size: var(--base-size);
  font-weight: 500;
}

.btn-primary, 
.btn-secondary {
  border-width: 2px;
  border-style: solid;
}

.btn-lg {
  padding-top: var(--size-18);
  padding-bottom: var(--size-18);
  padding-left: 46px;
  padding-right: 46px;
  margin-right: 15px;
  -webkit-box-shadow: 8px 8px 0px 0px rgba(0,80,217,0.1) !important;
  -moz-box-shadow: 8px 8px 0px 0px rgba(0,80,217,0.1) !important;
  box-shadow: 8px 8px 0px 0px rgba(0,80,217,0.1) !important;
}

.btn-sm {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 6px;
  -webkit-box-shadow: 4px 4px 0px 0px rgba(0,80,217,0.1) !important;
  -moz-box-shadow: 4px 4px 0px 0px rgba(0,80,217,0.1) !important;
  box-shadow: 4px 4px 0px 0px rgba(0,80,217,0.1) !important;
}

.ds-lg {
  -webkit-box-shadow: 8px 8px 0px 0px rgba(0,80,217,0.1) !important;
  -moz-box-shadow: 8px 8px 0px 0px rgba(0,80,217,0.1) !important;
  box-shadow: 8px 8px 0px 0px rgba(0,80,217,0.1) !important;
}

.ds-sm {
  -webkit-box-shadow: 4px 4px 0px 0px rgba(0,80,217,0.1) !important;
  -moz-box-shadow: 4px 4px 0px 0px rgba(0,80,217,0.1) !important;
  box-shadow: 4px 4px 0px 0px rgba(0,80,217,0.1) !important;
}

.no-ds {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
  -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
}

.btn-square {
  width: calc(var(--base-size) * 2);
  height: calc(var(--base-size) * 2);
  padding: 0;
}

.btn-primary {
  background-color: var(--main-1);
  color: var(--white);
  border-color: var(--main-1);
}

.btn-secondary {
  background-color: var(--white);
  color: var(--black);
  border-color: var(--main-0);
}

.btn-primary.btn-full {
  background-color: var(--main-1);
  color: var(--white);
}

.btn-secondary.btn-full {
  background-color: var(--main-0);
  color: var(--white);
}