style: use pink outline (btn-outline-pink) for topic buttons on /topics and /popular/topics

1 files changed, 10 insertions, 0 deletions

diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 0f2851d..975821b 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -122,6 +122,16 @@
         background-color: var(--cinema-cyan);
         border-color: var(--cinema-cyan);
     }
+    .btn-outline-pink {
+        color: var(--cinema-pink);
+        border-color: var(--cinema-pink);
+    }
+    .btn-outline-pink:hover, .btn-outline-pink:focus {
+        color: #fff;
+        background-color: var(--cinema-pink);
+        border-color: var(--cinema-pink);
+        box-shadow: 0 0 15px rgba(255, 46, 99, 0.3);
+    }
     .btn-primary {
         background-color: var(--cinema-pink);
         color: #fff;