:root :where(.wp-element-button, .wp-block-button__link) {
    background-color: unset;
    color: unset;
}

.is-style-square-outline .wp-block-button__link {
    padding: 0.5rem 1rem;
    text-wrap: nowrap;
    font-family: 'yantramanav', sans-serif;
    font-size: clamp(12px, 3vw, 16px);
    text-transform: uppercase;
    border: 1px solid currentColor;
    border-radius: 0;
    background-color: inherit;
    letter-spacing: 4px;
    position: relative;
    transition: all 0.3s ease;
}

.is-style-square-outline .wp-block-button__link:hover {
    transform: scale(1.05);

}

.is-style-underline .wp-block-button__link {
    font-size: clamp(12px, 3vw, 16px);
    font-family: 'yantramanav', sans-serif;
    padding: 0 0 0.5rem 0;
    text-transform: uppercase;
    border-radius: 0;
    background-color: inherit;
    letter-spacing: 4px;
    position: relative;
    overflow: hidden;
}

.is-style-underline .wp-block-button__link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transform: scaleX(1);
    transform-origin: bottom left;
    transition: transform 0.4s ease;
}

.is-style-underline .wp-block-button__link:hover::after {
    transform: scaleX(0);
    transform-origin: bottom right;
}