.con-kit-component-button[data-kit-solid-button-effect=extrude-gradient]{--one-kit-extrusion:4px;border-width:0;background-position:100% 0;transform:translate3d(0,calc(var(--one-kit-extrusion) * -1),0);--one-kit-atom-border-width:2px;transition:filter .3s,background .3s,transform .3s,box-shadow .3s;background-image:radial-gradient(100% 100% at 100%,at 0,rgba(var(--color-bg--highlight),1) 0,rgba(var(--color-bg),var(--alpha-bg)) 100%);background-image:radial-gradient(100% 100% at 100% 0,rgba(var(--color-bg--highlight),1) 0,rgba(var(--color-bg),var(--alpha-bg)) 100%);box-shadow:rgb(var(--color-bg--border)) 0 var(--one-kit-extrusion) 0,rgba(45,35,66,.4) 0 2px 4px,rgba(45,35,66,.3) 0 7px 13px -3px}@media(hover:hover){.con-kit-component-button[data-kit-solid-button-effect=extrude-gradient].con-kit-component-button--hover,.con-kit-component-button[data-kit-solid-button-effect=extrude-gradient]:hover{filter:brightness(1.1);background-color:rgba(var(--color-bg--hover),var(--alpha-bg));background-image:radial-gradient(100% 100% at 100%,at 0,rgba(var(--color-bg--highlight),1) 0,rgba(var(--color-bg),var(--alpha-bg)) 100%);background-image:radial-gradient(100% 100% at 100% 0,rgba(var(--color-bg--highlight),1) 0,rgba(var(--color-bg),var(--alpha-bg)) 100%)}}.con-kit-component-button[data-kit-solid-button-effect=extrude-gradient]:active{transform:translateZ(0);box-shadow:0 1px 0 rgb(var(--color-bg--border))}