diff --git a/static/css/custom.css b/static/css/custom.css
index b6b54da..ae08dd2 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -387,4 +387,37 @@ select.form-select:focus {
     border: 0;
     border-top: 1px dashed rgba(255, 255, 255, 0.2);
     margin: 10px 0;
-}
\ No newline at end of file
+}
+
+/* Specjalny tylko dla .btn-opis */
+.btn.btn-outline-light.btn-opis {
+  border-color: rgba(255,255,255,.6);
+  color: #eaeaea;
+  background: transparent;
+  transition:
+    transform 120ms ease,
+    background-color var(--trans),
+    border-color var(--trans),
+    color var(--trans),
+    box-shadow 160ms ease;
+}
+
+.btn.btn-outline-light.btn-opis:hover,
+.btn.btn-outline-light.btn-opis:focus {
+  color: #111;
+  background: color-mix(in srgb, #ffffff 92%, transparent);
+  border-color: #ffffff;
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent);
+  transform: translateY(-1px);
+}
+
+.btn.btn-outline-light.btn-opis:active {
+  transform: translateY(0);
+  background: color-mix(in srgb, #ffffff 85%, transparent);
+  border-color: #f2f2f2;
+}
+
+.btn.btn-outline-light.btn-opis:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent);
+}
diff --git a/templates/index.html b/templates/index.html
index 647c0e0..fb85e88 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -83,12 +83,12 @@ zbiórki{% endif %}{% endblock %}
                 </div>
 
                 <div class="mt-auto pt-2">
-                    
+
                     {# TO POWODUJE ZE BLOK JEST KLIKALNY #}
                     <!-- <a href="{{ url_for('zbiorka', zbiorka_id=z.id) }}" class="stretched-link"></a> --> 
                     
                     <div class="d-grid">
-                        <a href="{{ url_for('zbiorka', zbiorka_id=z.id) }}" class="btn btn-outline-light btn-sm w-100">
+                        <a href="{{ url_for('zbiorka', zbiorka_id=z.id) }}" class="btn btn-outline-light btn-sm w-100 btn-opis">
                             Otwórz opis
                         </a>
                     </div>