godaddy-wordpress/go

View on GitHub
.dev/assets/design-styles/modern/css/blocks/button.scss

Summary

Maintainability
Test Coverage
/*! Modern: Button */
.wp-block-button__link,
.wp-block-search__button {
    overflow: hidden;

    &::after {
        background-color: currentColor;
        bottom: 0;
        content: "";
        display: block;
        height: 10px;
        left: var(--go-button--padding--x);
        position: absolute;
        right: var(--go-button--padding--x);
        transform: translateY(100%);
        transition: transform 200ms cubic-bezier(0.7, 0, 0.3, 1);
    }

    &:focus,
    &:hover {

        &::before {
            opacity: 1;
        }

        &::after {
            transform: translateY(0);
        }
    }
}

.single_add_to_cart_button::after {
    display: none !important;
}