: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);
}