/* ==========================================================================
   Block Styles
   ========================================================================== */
.editor-visual-editor__post-title-wrapper {
    margin-bottom: 4rem;
}

.editor-visual-editor__post-title-wrapper h1 {
    font-size: var(--wp--preset--font-size--large);
}
/* Button Styles
   ========================================================================== */

.wp-block-button .wp-block-button__link{
    transition: all 0.3s;
    text-decoration: none;
}
.wp-block-button .wp-block-button__link:hover{
    transform: translateY(-2px);
}

/* Dark Color Background */
.wp-block-button.is-style-fill .wp-block-button__link {
    background-color: var(--wp--preset--color--dark);
    color: var(--wp--preset--color--white);
    border: none;
}
.wp-block-button.is-style-fill .wp-block-button__link:hover {
    opacity: 0.9;
}

/* Key Color Background */
.wp-block-button.is-style-color-key .wp-block-button__link {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    border: none;
}
.wp-block-button.is-style-color-key .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--primary-dark);
}

/* Gold Background */
.wp-block-button.is-style-color-gold .wp-block-button__link {
    background-color: var(--wp--preset--color--accent);
    color: var(--wp--preset--color--white);
    border: none;
}
.wp-block-button.is-style-color-gold .wp-block-button__link:hover {
    box-shadow: 0 6px 20px rgba(201, 150, 58, 0.5);
}

/* red Background */
.wp-block-button.is-style-color-red .wp-block-button__link {
    background-color: var(--wp--preset--color--accent-2);
    color: var(--wp--preset--color--white);
    border: none;
}
.wp-block-button.is-style-color-red .wp-block-button__link:hover {
    opacity: 0.9;
}

/* Outline Styles */
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button[class*="is-style-outline--"] .wp-block-button__link {
    border-radius: 4px;
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 600;
    line-height: 1.6;
    padding-top: calc(1em - 1px);
    padding-right: calc(1em - 1px);
    padding-bottom: calc(1em - 1px);
    padding-left: calc(1em - 1px);
    color: var(--wp--preset--color--dark);
    border-color: var(--wp--preset--color--dark);
    background-color: var(--wp--preset--color--white);
}

/* Group Styles
   ========================================================================== */

/* Remove Top Margin */
.wp-block-group.is-style-remove-margin-top {
    margin-top: 0 !important;
}

/* Media & Text Styles
   ========================================================================== */

/* Remove Top Margin */
.wp-block-media-text.is-style-remove-margin-top {
    margin-top: 0 !important;
}

/* Columns Styles
   ========================================================================== */

/* Reverse on Mobile */
@media (max-width: 767px) {
    .wp-block-columns.is-style-reverse {
        flex-direction: column-reverse;
    }
}