.glowcard{--base:22;--spread:44;--x:-400;--y:-400;--xp:0;--hue:calc(var(--base) + (var(--xp) * var(--spread)));position:relative;display:block;border-radius:20px;padding:5px;background:rgba(120,54,26,.1);transition:transform .32s cubic-bezier(.16,1,.3,1)}.glowcard:hover{transform:translateY(-8px)}.glowcard img{width:100%;display:block;border-radius:15px;position:relative;z-index:1}.glowcard:before{inset:0;border-radius:20px;padding:2px;background:radial-gradient(260px 260px at calc(var(--x) * 1px) calc(var(--y) * 1px),hsl(var(--hue) 92% 58%),transparent 62%);background-attachment:fixed;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.95;z-index:2}.glowcard:after,.glowcard:before{content:"";position:absolute;pointer-events:none}.glowcard:after{inset:-3px;border-radius:22px;z-index:0;background:radial-gradient(340px 340px at calc(var(--x) * 1px) calc(var(--y) * 1px),hsl(var(--hue) 92% 55%/.4),transparent 60%);background-attachment:fixed;filter:blur(14px)}