.con-kit-component-button[data-kit-line-button-effect=soft-line-hover]{box-shadow:0 0 0 var(--one-kit-atom-border-width) rgba(var(--color-border),var(--alpha-border)) inset,0 0 0 0 rgba(var(--color-border),.3),0 0 0 16px rgba(var(--color-border),0);transition:box-shadow .4s,background-color .3s}.con-kit-component-button[data-kit-line-button-effect=soft-line-hover]:after{transition:opacity .3s ease}@media(hover:hover){.con-kit-component-button[data-kit-line-button-effect=soft-line-hover].con-kit-component-button--hover,.con-kit-component-button[data-kit-line-button-effect=soft-line-hover]:hover{box-shadow:0 0 0 var(--one-kit-atom-border-width) rgba(var(--color-border),var(--alpha-border)) inset,0 0 0 4px rgba(var(--color-border),.3),0 0 0 16px rgba(var(--color-border),0);background-color:rgba(var(--color-border),.1)}}.con-kit-component-button[data-kit-line-button-effect=soft-line-hover]:active{transition:box-shadow 0s;box-shadow:0 0 0 var(--one-kit-atom-border-width) rgba(var(--color-border),var(--alpha-border)) inset,0 0 0 4px rgba(var(--color-border),0),0 0 0 0 rgba(var(--color-border),.3)}