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