:root{--bg-inner: white;--bg-outer: white}*{box-sizing:border-box}body{position:relative;margin:0;padding:0}.container{height:100vh;width:100vw;padding:1rem;background-image:radial-gradient(var(--bg-inner) 0%,var(--bg-outer) 100%);svg {width: 100%; height: 80%; aspect-ratio: 1;} svg * {shape-rendering: crispEdges;}}.button{position:fixed;bottom:0;padding:1rem;margin:0;background:#000000;border:.5px solid #555555cc;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;font-weight:600;color:#fff;font-size:.75rem;svg {width: 1.25rem; transition: .3s ease-in-out transform; z-index: 10;} &:hover svg {transform: rotate(-45deg);} &:focus,&:active {outline: 2px solid #f06; svg {transform: rotate(-90deg);}}}