/* Buttons */
.c-btn,
button,
input[type="submit"],
input[type="button"],
a.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 14px;
  border-radius: var(--radius);
  border: 1px solid var(--accent);
  text-decoration:none;
  cursor:pointer;
  line-height: 1.2;
  transition: opacity .15s ease;
}

.button-style-filled .c-btn,
.button-style-filled button,
.button-style-filled input[type="submit"],
.button-style-filled input[type="button"],
.button-style-filled a.button,
.button-style-filled .woocommerce a.button,
.button-style-filled .woocommerce button.button,
.button-style-filled .woocommerce input.button{
  background: var(--accent);
  color:#fff;
}

.button-style-outline .c-btn,
.button-style-outline button,
.button-style-outline input[type="submit"],
.button-style-outline input[type="button"],
.button-style-outline a.button,
.button-style-outline .woocommerce a.button,
.button-style-outline .woocommerce button.button,
.button-style-outline .woocommerce input.button{
  background: transparent;
  color: var(--accent);
}

.c-btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
a.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
  opacity:.9;
}