diff --git a/frontend/css/style.css b/frontend/css/style.css
index efe9b17..ff2cb5f 100644
--- a/frontend/css/style.css
+++ b/frontend/css/style.css
@@ -1495,7 +1495,13 @@ body.theme-light .favorite-btn {
z-index: 5;
}
-.cp-retry-btn {
+.cp-error-actions {
+ display: flex;
+ gap: 10px;
+}
+
+.cp-retry-btn,
+.cp-open-btn {
padding: 8px 20px;
border-radius: 999px;
border: 1px solid var(--accent);
@@ -1503,12 +1509,19 @@ body.theme-light .favorite-btn {
color: var(--accent);
cursor: pointer;
font: inherit;
+ text-decoration: none;
+ line-height: 1.2;
}
-.cp-retry-btn:hover {
+.cp-retry-btn:hover,
+.cp-open-btn:hover {
background: rgba(201, 165, 103, 0.15);
}
+.cp-open-btn[hidden] {
+ display: none;
+}
+
.cp-replay-btn {
position: absolute;
top: 50%;
diff --git a/frontend/js/player.js b/frontend/js/player.js
index bd10246..30bcb1b 100644
--- a/frontend/js/player.js
+++ b/frontend/js/player.js
@@ -51,7 +51,10 @@ App.player = App.player || {};