.material-ripple-effect{display:flex;position:absolute;min-width:100%;padding-bottom:100%;min-height:var(--one-kit-height);transition:transform 1s ease-out,opacity .7s ease-out;transform:translate3d(-50%,-50%,0) scale(0);transform-origin:center center;background-color:rgba(var(--color-text),1);border-radius:100%;opacity:.2}.material-ripple-effect--animate{transform:translate3d(-50%,-50%,0) scale(2);opacity:0}.con-kit-component-button[data-kit-solid-button-effect=material]{transition:box-shadow .4s cubic-bezier(.4,0,.2,1),transform .3s ease,filter .3s ease;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);width:auto;overflow:hidden}.con-kit-component-button[data-kit-solid-button-effect=material] .con-kit-component-button__text{z-index:1}.con-kit-component-button[data-kit-solid-button-effect=material]:after{content:"";border-radius:var(--one-kit-radius);height:100%;width:100%;top:0;left:0;border:var(--atom-link__border--width);transition:opacity .3s ease;opacity:.2;background-color:rgba(var(--color-text),.1);width:200%;padding-bottom:200%;position:absolute;top:50%;left:50%;transform:translate3d(-25%,-25%,0) scale(0);transform-origin:center center;transition:transform .7s;border-radius:100%}@media(hover:hover){.con-kit-component-button[data-kit-solid-button-effect=material].con-kit-component-button--hover,.con-kit-component-button[data-kit-solid-button-effect=material]:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px rgba(0,0,0,.14),0 1px 10px rgba(0,0,0,.12)}.con-kit-component-button[data-kit-solid-button-effect=material].con-kit-component-button--hover:after,.con-kit-component-button[data-kit-solid-button-effect=material]:hover:after{opacity:.15;transform:translate3d(-25%,-25%,0) scale(0)}}