*{font-family:monospace}body{margin:0;padding:0}.button{background-color:beige;padding:1rem 2rem;border:2px solid beige;border-radius:4px;cursor:pointer;transition:all .3s ease;font-family:monospace;font-size:1rem;font-weight:700;box-shadow:0 0 10px hsla(60,56%,91%,.3);min-width:200px;backdrop-filter:blur(5px)}.button,.button:hover{color:#000;text-shadow:none}.button:hover{background-color:hsla(60,56%,91%,.8);box-shadow:0 0 20px beige;transform:translateY(-2px)}.button:active{transform:translateY(0)}:root{--beige:beige;--beige-glow:hsla(60,56%,91%,.35);--beige-soft:hsla(60,56%,91%,.18)}.iframe-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:.5rem}.iframe-frame{width:clamp(260px,52vw,640px);aspect-ratio:16/9;max-height:70vh;background:#000;border:2px solid var(--beige);border-radius:10px;box-shadow:0 0 18px -4px var(--beige-glow);overflow:hidden;display:flex;position:relative}.iframe-frame iframe{width:100%;height:100%;border:0;display:block;background:#000;border-radius:8px}@media (max-width:520px){.iframe-frame{width:90vw}}