html, body { background-color : #0F0C0A; overflow-x: clip; } body { background-color: #0f0c0a; background-image: radial-gradient(600px circle at -100px -100px, rgba(244, 67, 54, 0.32), transparent 70%), radial-gradient(600px circle at calc(100% + 100px) calc(100% + 100px), rgba(248, 197, 1, 0.32), transparent 70%); background-repeat: no-repeat; background-attachment: fixed; } @media (max-width: 478px) { body { background-image: radial-gradient(360px circle at -80px -80px, rgba(244, 67, 54, 0.26), transparent 70%), radial-gradient(360px circle at calc(100% + 80px) calc(100% + 80px), rgba(248, 197, 1, 0.26), transparent 70%); } } .bricks-button, a.bricks-button, button.bricks-button { transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease, opacity 0.25s ease; } .bricks-button:hover, a.bricks-button:hover, button.bricks-button:hover { transform: translateY(-2px); box-shadow: 0 10px 20px -8px rgba(244, 67, 54, 0.45); } .bricks-button:active, a.bricks-button:active, button.bricks-button:active { transform: translateY(0); box-shadow: none; }