@property --gradient-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@property --color-1{syntax:"<color>";initial-value:#4158d0;inherits:false}@property --color-2{syntax:"<color>";initial-value:#c850c0;inherits:false}@property --color-3{syntax:"<color>";initial-value:#ffcc70;inherits:false}@property --background-position-x{syntax:"<percentage>";initial-value:0;inherits:false}@property --background-position-y{syntax:"<percentage>";initial-value:50%;inherits:false}@property --hover-offset{syntax:"<percentage>";initial-value:100%;inherits:false}@keyframes gradient-animation{0%{--gradient-angle:135deg;--background-position-x:0%;--background-position-y:50%;--color-1:hsl(230,57%,53%);--color-2:hsl(310,54%,55%);--color-3:hsl(43,100%,72%)}50%{--gradient-angle:100deg;--background-position-x:100%;--background-position-y:50%;--color-1:hsl(280,57%,53%);--color-2:hsl(360,54%,55%);--color-3:hsl(93,100%,72%)}to{--gradient-angle:135deg;--background-position-x:0%;--background-position-y:50%;--color-1:hsl(230,57%,53%);--color-2:hsl(310,54%,55%);--color-3:hsl(43,100%,72%)}}.pretty-subscribe-button{--hover-color-1:color-mix(in srgb,var(--color-1) var(--hover-offset),black);--hover-color-2:color-mix(in srgb,var(--color-2) var(--hover-offset),black);--hover-color-3:color-mix(in srgb,var(--color-3) var(--hover-offset),black);background-image:linear-gradient(var(--gradient-angle),color-mix(in srgb,var(--color-1) var(--hover-offset),black) 0,color-mix(in srgb,var(--color-2) var(--hover-offset),black) 46%,color-mix(in srgb,var(--color-3) var(--hover-offset),black) 100%);background-position:var(--background-position-x) var(--background-position-y);background-size:200% 200%;color:white;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:background-position .3s ease,--hover-offset .15s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;animation:gradient-animation 8s ease infinite;&:hover{--hover-offset:80%}}.pretty-strikethrough{position:relative;color:var(--muted-foreground);font-size:1.5rem;line-height:1.5;&:after{content:"";position:absolute;left:0;top:50%;width:100%;height:2px;background:var(--muted-foreground);transform:rotate(-15deg);transform-origin:center;pointer-events:none}}