div.block-button-outer[data-v-18705c47] {
    --button-font-size: calc(var(--w-font-16, 1rem) * var(--relative-button-size));
    --button-column-gap: calc(1vw * var(--relative-column-gap));
    --button-row-gap: calc(1vh * var(--relative-row-gap));

    font-size: var(--button-font-size);
    gap: var(--button-row-gap) var(--button-column-gap);
}
div.block-button-outer *[data-v-18705c47] {
        font-size: inherit;
}
div.block-button-outer.flex[data-v-18705c47] {
        --blocks-css-root-element-display: flex;
        display: flex;

        flex-wrap: wrap;
}
div.block-button-outer.flex > *[data-v-18705c47] {
            flex: 0 1 var(--min-button-width, 25ch);
}
div.block-button-outer.flex.stretched > *[data-v-18705c47] {
                flex-grow: 1;
}
div.block-button-outer.grid.stretched[data-v-18705c47] {
            --max-button-width: 1fr;
}
div.block-button-outer.grid[data-v-18705c47]:not(.stretched) {
            --max-button-width: auto;
}
div.block-button-outer.grid[data-v-18705c47] {

        --blocks-css-root-element-display: grid;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(var(--min-button-width, 25ch), var(--max-button-width)));
}
div.block-button-outer.stretched[data-v-18705c47] {
        justify-content: stretch;
}
div.block-button-outer.start[data-v-18705c47] {
        justify-content: flex-start;
}
div.block-button-outer.centered[data-v-18705c47] {
        justify-content: center;
}
div.block-button-outer.end[data-v-18705c47] {
        justify-content: flex-end;
}
div.block-button-outer > div[data-v-18705c47] {
        border-radius: 4em;
        overflow: hidden;
        margin: 0;
        transition: all 0.3s ease-in-out;
        transform: scale(1);
        display: inline-flex;
        justify-content: var(--button-text-position);
        align-items: center;
        flex-wrap: nowrap;

        border: solid .1em var(--button-border-color, var(--button-color));

        background-color: var(--button-background-color);
}
div.block-button-outer > div:not(:hover) a[data-v-18705c47] {
                color: var(--button-color);
}
div.block-button-outer > div[data-v-18705c47]:hover {
            transform: scale(0.97);
}
div.block-button-outer a[data-v-18705c47] {
        padding: .75em .75em .75em 1em;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: var(--button-color);
}
div.block-button-outer a[data-v-18705c47], div.block-button-outer a[data-v-18705c47]:hover {
            text-decoration: none !important;
}
div.block-button-outer a span[data-v-18705c47] {
            -webkit-font-smoothing: antialiased;
            color: inherit;
            display: inline-flex;
            align-items: center;
            justify-content: center;
}
div.block-button-outer a svg[data-v-18705c47] {
            margin: 0 .5em;
            height: .8em;
}