:root{height:100vh}body{background-color:#f5c3e5}.title{margin:1rem;justify-self:center}.message{display:flex;justify-content:center;align-items:center;height:100vh}.panel{background-color:#f8f8f899;width:50%;justify-self:center;border:#dd0000 dashed;border-radius:20px}.options{justify-self:center}.btn{margin:0 1rem 1rem;width:7rem;height:7rem;text-size-adjust:8rem;color:#fff;font-size:3rem;font-weight:700;transition:all .3s ease}.btn-1{--bs-btn-bg: #F52D00;--bs-btn-border-color: #F52D00;--bs-btn-hover-bg: #F52D00;--bs-btn-hover-color: #fbfbfb;--bs-btn-hover-border-color: #f8698f;--bs-btn-active-bg: #f8698f;--bs-btn-active-border-color: #f8698f;--bs-btn-active-color: #ffffff}.btn-2{--bs-btn-bg: #1ab600;--bs-btn-border-color: #1ab600;--bs-btn-hover-bg: #1ab600;--bs-btn-hover-color: #fbfbfb;--bs-btn-hover-border-color: #49f52c;--bs-btn-active-bg: #49f52c;--bs-btn-active-border-color: #49f52c;--bs-btn-active-color: #ffffff}img{width:clamp(150px,50%,300px);height:auto;display:block;margin:auto;padding:1rem;border-radius:30px}h3{text-align:-webkit-center;padding:1rem}.heart-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;overflow:hidden}.heart{position:absolute;bottom:-50px;opacity:.8;-webkit-user-select:none;user-select:none}