diff --git a/css/main.css b/css/main.css index 02b5bbe..d34f22e 100644 --- a/css/main.css +++ b/css/main.css @@ -325,4 +325,35 @@ h1 { #comments-list button { cursor: pointer; +}.delete-comment-button { + display: inline-block; + background: #ffffff; + color: #dc2626; + border: 2px solid #dc2626; + border-radius: 8px; + padding: 10px 18px; + font-size: 0.95rem; + font-weight: 600; + cursor: pointer; + transition: + background-color 0.25s ease, + color 0.25s ease, + transform 0.2s ease, + box-shadow 0.2s ease; + } + +.delete-comment-button:hover { + background: #dc2626; + color: #ffffff; + transform: translateY(-2px); + box-shadow: 0 6px 14px rgba(220,38,38,0.25); +} + +.delete-comment-button:active { + transform: translateY(1px); + box-shadow: none; +} +.delete-comment-form { + margin-top: 12px; + margin-bottom: 12px; } \ No newline at end of file