@layer components{section:has(.cta[data-layout=image]){padding:0}.cta[data-layout=image]:hover figure:before,.cta[data-layout=image]:focus-within figure:before{width:110%}.cta[data-layout=image] figure:before{content:"";z-index:1;aspect-ratio:1;background-color:rgb(from var(--color-red-500) r g b/1);pointer-events:none;mix-blend-mode:multiply;border-radius:50%;width:60%;transition:width .5s cubic-bezier(.68,-.55,.27,1.55);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta__image{z-index:1}.cta__body{z-index:2}.cta__body .btn{--button-white-space:normal}}