diff --git a/css/_media_popup.css b/css/_media_popup.css
index 1c01648..3f395ec 100644
--- a/css/_media_popup.css
+++ b/css/_media_popup.css
@@ -221,4 +221,46 @@ html.popup {
.mf_png {
background-image: url('data:image/svg+xml,');
+}
+
+a:has(img[src="/lib/images/magnifier.png"]),
+a:has(img[src="/lib/images/mediamanager.png"]),
+a:has(img[src="/lib/images/trash.png"]) {
+ position: relative;
+ border-radius: 0.25rem;
+ padding: 0.125rem;
+}
+
+a:has(img[src="/lib/images/magnifier.png"]):hover,
+a:has(img[src="/lib/images/mediamanager.png"]):hover {
+ background-color: var(--color-dark-6);
+}
+
+a:has(img[src="/lib/images/trash.png"]):hover {
+ background-color: var(--color-red-light);
+}
+
+a:has(img[src="/lib/images/magnifier.png"]) img,
+a:has(img[src="/lib/images/mediamanager.png"]) img,
+a:has(img[src="/lib/images/trash.png"]) img {
+ opacity: 0;
+}
+
+a:has(img[src="/lib/images/magnifier.png"])::before,
+a:has(img[src="/lib/images/mediamanager.png"])::before,
+a:has(img[src="/lib/images/trash.png"])::before {
+ position: absolute;
+ top: 2px;
+}
+
+a:has(img[src="/lib/images/magnifier.png"])::before {
+ content: url('data:image/svg+xml,');
+}
+
+a:has(img[src="/lib/images/mediamanager.png"])::before {
+ content: url('data:image/svg+xml,');
+}
+
+a:has(img[src="/lib/images/trash.png"])::before {
+ content: url('data:image/svg+xml,');
}
\ No newline at end of file