*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.btn{padding:10px 15px;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-green{background-color:#4caf50;color:#fff;box-shadow:0 0 20px #4caf5080}.btn-red{background-color:#f44336;color:#fff;box-shadow:0 0 20px #f4433680}.btn-blue{background-color:#2196f3;color:#fff;box-shadow:0 0 20px #2196f380}.btn-white{background-color:#f0f0f0;color:#000;box-shadow:0 0 15px #f0f0f066}.btn-orange{background-color:#ff9800;color:#fff;box-shadow:0 0 20px #ff980080}.btn-yellow{background-color:#fcf800;color:#000;box-shadow:0 0 20px #fcf80080}