.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-line-button-effect=material]{overflow:hidden;box-shadow:0 0 0 var(--one-kit-atom-border-width) rgba(var(--color-border),var(--alpha-border)) inset;transition:background-color .3s ease-out}.con-kit-component-button[data-kit-line-button-effect=material]:after{transition:opacity .3s ease}@media(hover:hover){.con-kit-component-button[data-kit-line-button-effect=material].con-kit-component-button--hover,.con-kit-component-button[data-kit-line-button-effect=material]:hover{box-shadow:0 0 0 var(--one-kit-atom-border-width) rgba(var(--color-border),var(--alpha-border)) inset;background-color:rgba(var(--color-border),.1)}}