html, body {
    height: 100%;
    min-height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-family: 'IBM Plex Sans', Arial, sans-serif;
}

.bg-main {
    background-color: #f9fafb;
}

.bg-main-dark {
    background-color: #f3f4f6;
}

.wp-block-button .wp-element-button {
    padding: 0.75rem 1.5rem !important;
    border-radius: 1rem !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transition: opacity .2s;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    font-weight: 400;
}

.wp-block-button.is-style-fill .wp-element-button {
    color: #fff !important;
    background-color: #007AFF;
}

.wp-block-button.is-style-fill .wp-element-button:hover {
    opacity: 0.8;
}

.wp-block-button.is-style-outline .wp-element-button {
    color: #007AFF !important;
    background-color: transparent;
    border-color: transparent;
}
.wp-block-button.is-style-outline .wp-element-button:hover {
    opacity: 0.8;
}

.wp-block-button .wp-block-button__link.wp-element-button {
    color: #fff !important;
    background-color: #007AFF;
}

.wp-block-button .wp-block-button__link.wp-element-button:hover {
    opacity: 0.8;
}