/* Huuguu button component layer. */
button,
.button,
.wp-block-button__link,
input[type="submit"] {
    border-radius: var(--hgg-button-radius, var(--hgg-radius-sm, 6px));
}

.button,
a.button,
.wp-block-button__link,
input[type="submit"],
input[type="button"],
input[type="reset"] {
    min-height: var(--hgg-button-min-height, 44px);
    padding: var(--hgg-button-padding-y, 12px) var(--hgg-button-padding-x, 18px);
    background: var(--hgg-button-bg, var(--hgg-primary, #007721));
    color: var(--hgg-button-text, #ffffff);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.15;
}

.button:hover,
a.button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
    background: var(--hgg-button-hover-bg, var(--hgg-primary-dark, #045F12));
    color: var(--hgg-button-hover-text, #ffffff);
}

button:focus-visible,
.button:focus-visible,
.wp-block-button__link:focus-visible,
input[type="submit"]:focus-visible {
    outline: 2px solid var(--hgg-link, #007721);
    outline-offset: 2px;
}