diff --git a/src/index.css b/src/index.css index 4d22e33..e205f76 100644 --- a/src/index.css +++ b/src/index.css @@ -110,4 +110,33 @@ dialog::backdrop { .photo img:hover { transform: scale(1.05); -} \ No newline at end of file +} + +.buttons { + display: flex; + justify-content: center; /* center buttons horizontally */ + gap: 16px; /* space between buttons */ + margin-top: 16px; /* optional spacing from other elements */ +} + +.buttons button { + flex: 0 0 auto; /* don’t stretch buttons */ +} + +button.yes { + background-color: #531300; /* red-ish for yes */ + color: #fff; +} + +button.yes:hover { + background-color: #7a1a00; /* slightly lighter red on hover */ +} + +button.no { + background-color: #3d3d3d; /* dark gray for no */ + color: #fff; +} + +button.no:hover { + background-color: #555555; /* lighter gray on hover */ +}