From af679f88551205753885068666ff4e9cad845b8c Mon Sep 17 00:00:00 2001 From: Yuval Adam <_@yuv.al> Date: Sun, 9 Mar 2025 21:59:57 +0100 Subject: add emed start button --- src/components/OptionButtons.css | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) (limited to 'src/components/OptionButtons.css') diff --git a/src/components/OptionButtons.css b/src/components/OptionButtons.css index a513337..e01af4b 100644 --- a/src/components/OptionButtons.css +++ b/src/components/OptionButtons.css @@ -100,3 +100,36 @@ transform: rotate(360deg); } } + +/* Start game button for embed mode */ +.start-game-container { + display: flex; + justify-content: center; + align-items: center; + min-height: 200px; + padding: 20px; +} + +.start-game-button { + background-color: #4a6fa5; + color: white; + border: none; + border-radius: 8px; + padding: 15px 30px; + font-size: 18px; + font-weight: bold; + cursor: pointer; + transition: background-color 0.3s, transform 0.2s; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); +} + +.start-game-button:hover { + background-color: #3a5a8c; + transform: translateY(-2px); + box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15); +} + +.start-game-button:active { + transform: translateY(1px); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); +} -- cgit v1.3.1