.gradient-button{position:relative;background-image:linear-gradient(to right,hsl(var(--accent)),hsl(var(--primary)));transition:all .3s ease-in-out;border:none;color:hsl(var(--primary-foreground));z-index:1}.gradient-shadow:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:inherit;background-image:inherit;filter:blur(15px);z-index:-1;opacity:.7;transition:opacity .3s ease-in-out}.gradient-shadow:hover:before{opacity:1}.gradient-button-outline{background:hsl(var(--background));color:hsl(var(--foreground));position:relative;background-clip:padding-box;border:2px solid transparent;z-index:1}.gradient-button-outline:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-2px;border-radius:inherit}.gradient-button-outline:before,.gradient-button-outline:hover{background-image:linear-gradient(to right,hsl(var(--accent)),hsl(var(--primary)))}.gradient-button-outline:hover{color:hsl(var(--primary-foreground));box-shadow:none}