.con-kit-component-button[data-kit-line-button-effect=soft-bg]{transition:background-color .3s,box-shadow .3s;box-shadow:0 0 0 var(--one-kit-atom-border-width) rgba(var(--color-border),.2) inset;background-color:rgba(var(--color-border),.1);backdrop-filter:blur(10px);overflow:hidden}.con-kit-component-button[data-kit-line-button-effect=soft-bg] .glass-light{display:flex;position:absolute;width:200px;height:200px;transform:translate3d(-50%,-50%,0);transition:opacity .7s;background-image:radial-gradient(circle,rgba(var(--color-border),.25) 0,rgba(var(--color-border),.2) 10%,rgba(var(--color-border),.15) 20%,rgba(var(--color-border),.1) 30%,rgba(var(--color-border),.05) 50%,rgba(var(--color-border),0) 75%);opacity:0}.con-kit-component-button[data-kit-line-button-effect=soft-bg] .glass-light--active{opacity:1}@media(hover:hover){.con-kit-component-button[data-kit-line-button-effect=soft-bg].con-kit-component-button--hover,.con-kit-component-button[data-kit-line-button-effect=soft-bg]:hover{background-color:rgba(var(--color-border),.1);box-shadow:0 0 2px var(--one-kit-atom-border-width) rgba(var(--color-border),.2) inset,0 0 0 var(--one-kit-atom-border-width) rgba(var(--color-border),.3) inset,0 0 2px var(--one-kit-atom-border-width) rgba(var(--color-border),.2)}}