_layout.scss

@import "~@progress/kendo-theme-default/scss/button/_layout.scss";

@include exports("button/layout/material") {

    // Button
    .k-button {
        text-transform: uppercase;
        font-weight: 500;
        transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1);

        &::before {
            display: block;
            transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
        }
        &::after {
            display: none !important; // sass-lint:disable-line no-important
        }
    }


    // Button group
    .k-button-group {}


    // Split button
    .k-split-button {}


    // Outline button
    .k-button-outline {
        background-color: transparent !important; // sass-lint:disable-line no-important

        &::after {
            display: block !important; // sass-lint:disable-line no-important
            box-shadow: inset 0 0 0 1px currentColor;
            opacity: 1;
        }
    }


    // Link button
    .k-button.k-button-link {

        &:hover,
        &.k-state-hover,
        &:active,
        &.k-state-active,
        &.k-state-selected {
            &::before {
                opacity: 0;
            }
        }

        &:focus,
        &.k-state-focus {
            &::before {
                opacity: $flat-button-focus-opacity;
            }
        }
    }


    // Clear button
    .k-button-clear,
    .k-button.k-clear {
        &::before {
            display: none;
        }


        &:focus,
        &.k-state-focus,
        &.k-state-focused {
            &::before {
                display: block;
            }
        }
    }


    // Popup button group
    .k-overflow-button,
    .k-overflow-group {
        &.k-button-group {
            line-height: inherit;
        }
    }

}