diff options
Diffstat (limited to 'src/components/OptionButtons.css')
| -rw-r--r-- | src/components/OptionButtons.css | 33 |
1 files changed, 33 insertions, 0 deletions
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); +} |
