/* BUTTON BLOCK
    ==================================================================================================== */

.wp-block-buttons.is-layout-flex {
    row-gap: 1rem !important;
    column-gap: var(--wp--custom--spacing--gap-small) !important;
}

.wp-block-buttons > .wp-block-button,
.wp-block-search__inside-wrapper {
    position: relative;
    z-index: 0; /* this is needed for the button link pseudo element to work */
}

 

/* Default
   ---------------------------------------------------------------------------------------------------- */
.wp-block-button:not(.is-style-link-w-arrow) .wp-block-button__link,
.wp-block-search__button {
    padding: 1rem 1.5rem;
    font-weight: 700;
    line-height: var(--wp--custom--line-height--small);
    color: var(--wp--preset--color--white);
    border: none;
    border-radius: var(--wp--custom--border-radius--large);
    background-color: var(--wp--preset--color--primary);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0.5em 1.5em rgb(0 28 119 / 35%);
    transition: 
        background 0.2s ease-in-out,
        box-shadow 0.2s ease-in-out;
}

.wp-block-button:not(.is-style-link-w-arrow) .wp-block-button__link::after,
.wp-block-search__button::after {
    content: "";
    position: absolute;
    height: calc(100% + 6px);
    width: calc(100% + 6px);
    border-radius: inherit;
    background-image: linear-gradient(to bottom, #529AD7 0%, #009AF5 45%, #001C77 100%);
    z-index: -1;
}

.wp-block-button:not(.is-style-link-w-arrow) .wp-block-button__link:not([disabled]):hover,
.wp-block-search__button:hover {
    background-color: var(--wp--preset--color--black);
    box-shadow: 0 0.25em 1.5em rgba(0 28 119 / 60%);
}

.wp-block-button:not(.is-style-link-w-arrow) .wp-block-button__link > img {
    vertical-align: middle;
    margin-right: 0.5em;
}

.wp-block-button :where(img, svg) {
    display: inline-block;
}



/* Link with arrow
   ---------------------------------------------------------------------------------------------------- */
.wp-block-button.is-style-link-w-arrow > .wp-block-button__link,
.wp-block-post-excerpt__more-link,
.wp-block-read-more {
    background: none;
    padding-left: 0;
    padding-right: 0;
    color: var(--wp--preset--color--black);
    font-weight: 700;
    text-decoration: none;
    transition: 0.2s ease-in-out;
    padding: 0;
}

.wp-block-button.is-style-link-w-arrow > .wp-block-button__link::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='13' fill='none'%3E%3Cpath fill='%2356647A' d='M14.53 7.03a.75.75 0 0 0 0-1.06L9.757 1.197a.75.75 0 1 0-1.06 1.06L12.939 6.5l-4.242 4.243a.75.75 0 0 0 1.06 1.06L14.53 7.03ZM0 7.25h14v-1.5H0v1.5Z'/%3E%3C/svg%3E");
    display: inline-block;
    margin-right: 0.875em;
    transition: 
        margin 0.2s ease-in-out, 
        transform 0.2s ease-in-out;
}
.wp-block-button.is-style-link-w-arrow > .wp-block-button__link:where(:hover, :focus)::before {
    margin-right: 0.5em;
    transform: scale(1.15);
}

.wp-block-post-excerpt__more-link {
    display: inline-flex;
}
.wp-block-post-excerpt__more-link:hover {
    text-underline-offset: 0.5rem;
}