.button,
button,
form.user-register-form .form-actions .w3-button,
form.user-login-form .form-actions .w3-button,
form.user-pass .form-actions .w3-button {
    -moz-user-select: none;
    align-items: center;
    background: none transparent;
    border-radius: 24px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    -o-border-radius: 24px;
    border: 2px solid var(--main);
    box-sizing: border-box;
    color: var(--main);
    cursor: pointer;
    display: inline-flex;
    fill: currentcolor;
    font-size: 14px;
    font-weight: 500;
    height: 42px;
    justify-content: center;
    letter-spacing: 0.25px;
    line-height: normal;
    max-width: 100%;
    overflow: visible;
    padding: 2px 24px;
    position: relative;
    text-align: center;
    text-transform: none;
    touch-action: manipulation;
    transition: background-color 0.6s ease 0s;
    -moz-transition: background-color 0.6s ease 0s;
    -webkit-transition: background-color 0.6s ease 0s;
    -o-transition: background-color 0.6s ease 0s;
    width: auto;
    will-change: transform, opacity;
    z-index: 0;
}

.button:active:not(:disabled),
button:active:not(:disabled) {
    box-shadow: 0 4px 4px 0 rgba(60, 64, 67, 0.3), 0 8px 12px 6px rgba(60, 64, 67, 0.15);
}
.button:focus,
button:focus,
form.user-register-form .form-actions .w3-button:focus,
form.user-login-form .form-actions .w3-button:focus,
form.user-pass .form-actions .w3-button:focus {
    border-radius: 24px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    -o-border-radius: 24px;
    border-color: var(--tri);
    color: var(--tri);
    outline: medium none;
}
.button:hover,
button:hover,
form.user-register-form .form-actions .w3-button:hover,
form.user-login-form .form-actions .w3-button:hover,
form.user-pass .form-actions .w3-button:hover {
    background-color: transparent;
    border-radius: 24px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    -o-border-radius: 24px;
    border-color: var(--tri);
    color: var(--tri);
}
.button::after,
button::after,
form.user-register-form .form-actions .w3-button::after,
form.user-login-form .form-actions .w3-button::after,
form.user-pass .form-actions .w3-button::after {
    content: "\f054";
    font-size: 12px;
    font-weight: 900;
    margin-left: 7px;
    transition: margin 0.2s ease 0s;
    -moz-transition: margin 0.2s ease 0s;
    -webkit-transition: margin 0.2s ease 0s;
    -o-transition: margin 0.2s ease 0s;
}
.button:hover::after,
button:hover::after {
    margin-left: 12px;
}

.plain-button {
    background-image: none !important;
    border: 0 none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
}

.border-button {
    background: transparent none repeat scroll 0 0;
    border: 2px solid var(--main);
    moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    color: var(--main);
    text-shadow: 0 0 0 transparent;
}
.border-button:hover {
    background-color: transparent;
    color: var(--main);
}

/* COLORBOX CLOSE BUTTON */
#cboxClose {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
}

/* CK EDITOR BUTTON */
button.ck.ck-button, a.ck.ck-button {
  -webkit-appearance: none;
  border: 1px solid transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  cursor: default;
  font-size: inherit;
  line-height: 1;
  min-height: var(--ck-ui-component-min-height);
  min-width: var(--ck-ui-component-min-height);
  padding: var(--ck-spacing-tiny);
  text-align: center;
  transition: box-shadow .2s ease-in-out,border .2s ease-in-out;
  vertical-align: middle;
  white-space: nowrap;
}
button.ck.ck-button::after {
  content: none;
}