:root {
    --os-button-border-width: 2px;
}
/* GLOBAL BUTTON STYLES */
.wp-block-button .wp-element-button {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--text-dark);
    font-size: var(--wp--preset--font-size--medium);
    border-radius: var(--wp--preset--spacing--xx-small);
    padding: calc(var(--wp--preset--spacing--x-small) + var(--os-button-border-width)) calc(var(--wp--preset--spacing--small) + var(--os-button-border-width));
}
/* GLOBAL BUTTON HOVER STYLES */
.wp-block-button .wp-element-button {
    transition: var(--os-transition);
}
.wp-block-button .wp-element-button:hover {
    transform: translateY(-3px);
    text-decoration: none;
    cursor: pointer;
}

/* DEFAULT BUTTONS */
.wp-block-button .wp-element-button {
    background-color: var(--wp--preset--color--primary);
}
.wp-block-button .wp-element-button:hover {
    background-color: var(--wp--preset--color--primary-light);
}
.wp-block-button.is-style-outline .wp-element-button {
    background: none;
    border-color: var(--wp--preset--color--primary);
    border-width: var(--os-button-border-width);
    padding: var(--wp--preset--spacing--x-small) var(--wp--preset--spacing--small);
}
.wp-block-button.is-style-outline .wp-element-button:hover {
    background-color: var(--wp--preset--color--primary-ultra-light);
}
/* SECONDARY BUTTONS */
.wp-block-button.is-style-os-button-secondary-fill .wp-element-button {
    background-color: var(--wp--preset--color--secondary);
}
.wp-block-button.is-style-os-button-secondary-fill .wp-element-button:hover {
    background-color: var(--wp--preset--color--secondary-light);
}
.wp-block-button.is-style-os-button-secondary-outline .wp-element-button {
    background: none;
    border: var(--os-button-border-width) solid var(--wp--preset--color--secondary);
    padding: var(--wp--preset--spacing--x-small) var(--wp--preset--spacing--small);
}
.wp-block-button.is-style-os-button-secondary-outline .wp-element-button:hover {
    background-color: var(--wp--preset--color--secondary-ultra-light);
}
/* REVERSED BUTTONS */
.wp-block-button.is-style-os-button-reversed-fill .wp-element-button {
    background-color: var(--wp--preset--color--white);
    color: var(--wp--preset--color--primary);
}
.wp-block-button.is-style-os-button-reversed-fill .wp-element-button:hover {
    background-color: var(--wp--preset--color--primary-ultra-light);
}
.wp-block-button.is-style-os-button-reversed-outline .wp-element-button {
    background: none;
    color: var(--wp--preset--color--white);
    border: var(--os-button-border-width) solid var(--wp--preset--color--white);
    padding: var(--wp--preset--spacing--x-small) var(--wp--preset--spacing--small);

}
.wp-block-button.is-style-os-button-reversed-outline .wp-element-button:hover {
    color: var(--wp--preset--color--primary);
    background-color: var(--wp--preset--color--primary-ultra-light);
}
/* FONT AWESOME ARROW BUTTON */
.wp-block-button.is-style-os-button-arrow .wp-block-button__link {
    box-shadow: var(--wp--preset--shadow--natural);
    border-radius: 50px;
    background-color: var(--os-accent);
    font-weight: 600;
    max-height: 5.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.wp-block-button.is-style-os-button-arrow .wp-block-button__link::after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f061";
    margin-left: 0.5em;
    display: inline-block;
    transition: transform 0.2s ease;
    vertical-align: middle;
}

.wp-block-button.is-style-os-button-arrow .wp-block-button__link:hover {
    background-color: var(--os-accent);
    transform: translateY(-3px);
    text-decoration: none;
    cursor: pointer;
}

.wp-block-button.is-style-os-button-arrow .wp-block-button__link:hover::after {
    transform: translateX(4px);
}

/* .wp-block-button .wp-element-button:hover,
.wp-block-button .wp-block-button__link:hover {
  transform: translateY(-3px);
  text-decoration: none;
  cursor: pointer;
} */