utkucoban commited on
Commit
ee9219d
·
verified ·
1 Parent(s): 6b5283a

Upload 4 files

Browse files
Files changed (1) hide show
  1. styles.css +20 -0
styles.css CHANGED
@@ -509,6 +509,26 @@ button:disabled {
509
  border-color: var(--color-border-active);
510
  }
511
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
512
  /* Sliders */
513
  .slider-group {
514
  display: flex;
 
509
  border-color: var(--color-border-active);
510
  }
511
 
512
+ /* Subtle attention styling for New Song button */
513
+ #newSongBtn {
514
+ border-color: rgba(111, 156, 120, 0.25);
515
+ transition: background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
516
+ }
517
+
518
+ #newSongBtn:hover:not(:disabled) {
519
+ border-color: var(--color-accent);
520
+ box-shadow: 0 0 12px rgba(111, 156, 120, 0.15);
521
+ background-color: rgba(111, 156, 120, 0.05);
522
+ }
523
+
524
+ #newSongBtn svg {
525
+ transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
526
+ }
527
+
528
+ #newSongBtn:hover:not(:disabled) svg {
529
+ transform: rotate(360deg);
530
+ }
531
+
532
  /* Sliders */
533
  .slider-group {
534
  display: flex;