*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100dvh}canvas[data-component=canvas-gradient]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid white;background:transparent;font-weight:700;mix-blend-mode:exclusion;border-radius:1rem;color:#fff;padding:.5rem 1.5rem;transition:background .5s cubic-bezier(.075,.82,.165,1)}button:hover{background:#ffffff4d}button:focus-visible{outline-width:2px;outline-offset:2px;outline-color:#00f;background:#ffffff4d}