/* {{{ Buttons */
.widget_jwa-button .btn {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;

  padding: 10px 30px;
  font-size: 18px;
  line-height: 1.42857143;
  text-decoration:none;
  font-weight:400;
  text-transform:uppercase;

  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: background-color 0.5s ease, border-color 0.5s ease;
}
.widget_jwa-button .jwa-button-block .btn { display:block; }
.widget_jwa-button .btn:focus,
.widget_jwa-button .btn:active:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.widget_jwa-button .btn:hover,
.widget_jwa-button .btn:focus {
  color: #ffffff;
  text-decoration: none;
}
.widget_jwa-button .btn.disabled,
.widget_jwa-button .btn[disabled],
.widget_jwa-button fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.widget_jwa-button a.btn.disabled,
.widget_jwa-button fieldset[disabled] a.btn {
  pointer-events: none;
}
.widget_jwa-button .btn-default:active {  background-image: none; }
/* }}} Buttons */

/* {{{ Sizes  */
.widget_jwa-button .btn.btn-small {
  padding: 6px 15px;
  font-size: 14px;
  line-height: 1;
}
.widget_jwa-button .btn.btn-big {
  padding: 15px 40px;
  font-size: 26px;
  line-height: 1;
}
/* }}} Sizes */

/* {{{ Colors */
.widget_jwa-button .btn-default,
.widget_jwa-button a.btn-default:visited  { color: #ffffff; background-color: var(--colour-1); border-color: var(--colour-1); }
.widget_jwa-button .btn-default:focus,
.widget_jwa-button .btn-default:hover,
.widget_jwa-button a.btn-default:hover,
.widget_jwa-button .btn.hover-default,
.widget_jwa-button .btn-default:active { color: #ffffff; background-color: var(--colour-1-hover); border-color: var(--colour-1-hover); }
.widget_jwa-button .btn-default.disabled:hover,
.widget_jwa-button .btn-default[disabled]:hover,
.widget_jwa-button fieldset[disabled] .btn-default:hover,
.widget_jwa-button .btn-default.disabled:focus,
.widget_jwa-button .btn-default[disabled]:focus,
.widget_jwa-button fieldset[disabled] .btn-default:focus  { background-color: #82bfe1; border-color: #82bfe1; }

.widget_jwa-button .btn-white,
.widget_jwa-button a.btn-white:visited  { color: #000000; background-color: #ffffff; border-color: #0680C4; }
.widget_jwa-button .btn-white:focus,
.widget_jwa-button .btn-white:hover,
.widget_jwa-button a.btn-white:hover,
.widget_jwa-button .btn.hover-default,
.widget_jwa-button .btn-white:active { color: #000000; background-color: #e5e5e5; border-color: #0680C4; }
.widget_jwa-button .btn-white.disabled:hover,
.widget_jwa-button .btn-white[disabled]:hover,
.widget_jwa-button fieldset[disabled] .btn-white:hover,
.widget_jwa-button .btn-white.disabled:focus,
.widget_jwa-button .btn-white[disabled]:focus,
.widget_jwa-button fieldset[disabled] .btn-white:focus  { background-color: #b2b2b2; border-color: #b2b2b2; }

.widget_jwa-button .btn-black,
.widget_jwa-button a.btn-black:visited  { color: #ffffff; background-color: #000000; border-color: #0680C4; }
.widget_jwa-button .btn-black:focus,
.widget_jwa-button .btn-black:hover,
.widget_jwa-button a.btn-black:hover,
.widget_jwa-button .btn.hover-default,
.widget_jwa-button .btn-black:active { color: #000000; background-color: #ffffff; border-color: #0680C4; }
.widget_jwa-button .btn-black.disabled:hover,
.widget_jwa-button .btn-black[disabled]:hover,
.widget_jwa-button fieldset[disabled] .btn-black:hover,
.widget_jwa-button .btn-black.disabled:focus,
.widget_jwa-button .btn-black[disabled]:focus,
.widget_jwa-button fieldset[disabled] .btn-black:focus  { background-color: #b2b2b2; border-color: #b2b2b2; }

.widget_jwa-button .btn-logo,
.widget_jwa-button a.btn-logo:visited  { color: #000000; background-color: var(--colour-3); border-color: var(--colour-3); }
.widget_jwa-button .btn-logo:focus,
.widget_jwa-button .btn-logo:hover,
.widget_jwa-button a.btn-logo:hover,
.widget_jwa-button .btn.hover-default,
.widget_jwa-button .btn-logo:active { color: #000000; background-color: var(--colour-3-hover); border-color: var(--colour-3-hover); }
.widget_jwa-button .btn-logo.disabled:hover,
.widget_jwa-button .btn-logo[disabled]:hover,
.widget_jwa-button fieldset[disabled] .btn-logo:hover,
.widget_jwa-button .btn-logo.disabled:focus,
.widget_jwa-button .btn-logo[disabled]:focus,
.widget_jwa-button fieldset[disabled] .btn-logo:focus  { color: #7f7f7f
; background-color: #dcedc5; border-color: #dcedc5; }

.widget_jwa-button .btn-todo,
.widget_jwa-button a.btn-todo:visited  { color: #ff00ff; background-color: #0680C4; border-color: #0680C4; }
.widget_jwa-button .btn-todo:focus,
.widget_jwa-button .btn-todo:hover,
.widget_jwa-button a.btn-todo:hover,
.widget_jwa-button .btn.hover-default,
.widget_jwa-button .btn-todo:active { color: #ff00ff; background-color: #045989; border-color: #045989; }
.widget_jwa-button .btn-todo.disabled:hover,
.widget_jwa-button .btn-todo[disabled]:hover,
.widget_jwa-button fieldset[disabled] .btn-todo:hover,
.widget_jwa-button .btn-todo.disabled:focus,
.widget_jwa-button .btn-todo[disabled]:focus,
.widget_jwa-button fieldset[disabled] .btn-todo:focus  { color: #7f7f7f
; background-color: #dcedc5; border-color: #dcedc5; }
/* }}} Colours */

.widget_jwa-button span.label {
  display: inline-block;
  vertical-align: middle;
}

/* {{{ Icon */
.widget_jwa-button .sow-icon-fontawesome {
    font-size: 28px;
    vertical-align: middle;
    margin: 0px 10px 4px 0;
}
.jwa-button-icon {
  display: inline-block;
  width: 40px;
  margin-right: 10px;
  vertical-align: middle;
}
/* }}} Icon */