.wp-block-button .wp-block-button__link {
    transition: 150ms ease-out;
    text-wrap: nowrap !important;
}

.wp-block-button.is-style-outline > .wp-block-button__link {
    border-radius: 0.25rem;
    border: 1px solid var(--wp--preset--color--text) !important;
    display: inline-flex;
    justify-content: center;
    gap: 0.25rem;
    align-items: center;
}
.wp-block-button.is-style-outline > .wp-block-button__link::after {
   content: '';
   background: url(/wp-content/themes/slniecko/assets/images/my-arrow.png) center no-repeat;
   height: 1.5rem;
   width: 1.5rem;
}
.wp-block-button.is-style-outline:hover > .wp-block-button__link {
    background: color-mix(in srgb, var(--wp--preset--color--text) 15%, transparent) !important;
}





/* Žltá machula style */
.wp-block-button.is-style-machula-zlta {
    width: 100%;
    max-width: 240px;
}
.wp-block-button.is-style-machula-zlta:hover > .wp-block-button__link {
    transform: rotate(3deg);
}
.wp-block-button.is-style-machula-zlta > .wp-block-button__link {
    border-radius: 0.25rem;
    aspect-ratio: 2.6/1;
    background-color: var(--wp--preset--color--zlta);
    font-size: var(--wp--preset--font-size--medium);
    width: 100%;
    display: flex;
    gap: 0.25rem;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    text-align: center;
    mask: url(/wp-content/themes/slniecko/assets/images/maska-1.svg) no-repeat;
    mask-size: contain;
    mask-position: center;
}
/* Modrá machula style */
.wp-block-button.is-style-machula-modra {
    width: 100%;
    max-width: 240px;
}
.wp-block-button.is-style-machula-modra:hover > .wp-block-button__link {
    transform: rotate(-3deg);
}
.wp-block-button.is-style-machula-modra > .wp-block-button__link {
    border-radius: 0.25rem;
    aspect-ratio: 2.6/1;
    background-color: var(--wp--preset--color--modra);
    font-size: var(--wp--preset--font-size--medium);
    width: 100%;
    display: flex;
    gap: 0.25rem;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    text-align: center;
    mask: url(/wp-content/themes/slniecko/assets/images/maska-2.svg) no-repeat;
    mask-size: contain;
    mask-position: center;
}




/* Fill style */

.wp-block-button.is-style-fill > * {
    overflow: hidden;
    position: relative;
    z-index: 5;
    display: inline-flex;
    gap: var(--wp--preset--spacing--8);
    justify-content: center;
    align-items: center;
} 
.wp-block-button.is-style-fill > *::after {
    position: absolute;
    top: 50%;
    left: 0%;
    display: block;
    content: "";
    width: 100px;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: var(--wp--preset--color--modra);
    transition: 350ms ease-in-out;
    transform-origin: center;
    transform: translate(-50%, -50%) ;
    z-index: -5;
    opacity: 0;
}
.wp-block-button.is-style-fill:hover > *::after {
    width: 800px;
    height: 800px;
    opacity: 1;
}

.wp-block-button:not(.is-style-fill, .is-style-machula-modra, .is-style-machula-zlta, .is-style-outline):hover > a {
    background-color: var(--wp--preset--color--modra);
}


/* footer buttons */
.wp-block-buttons.footer-buttons {
    @media (min-width: 782px) {
        position: relative;
        bottom: 6rem;
    }
}