/* Ajuste final dos 3 efeitos: cor aplicada no ícone e alinhamento óptico */
@media (min-width:901px){
 .sf-fx-right{
   display:flex!important;
   align-items:center!important;
   justify-content:center!important;
   gap:13px!important;
 }
 .sf-fx-right .sf-fx-btn{
   position:relative!important;
   display:flex!important;
   align-items:center!important;
   justify-content:center!important;
   width:58px!important;height:58px!important;
   min-width:58px!important;min-height:58px!important;
   padding:0!important;margin:0!important;
   border-radius:50%!important;
   overflow:hidden!important;
 }
 .sf-fx-right .sf-fx-btn .sf-icon{
   position:absolute!important;
   left:50%!important;top:50%!important;
   margin:0!important;
   transform:translate(-50%,-50%) scale(.82)!important;
   transform-origin:center!important;
 }
 .sf-fx-right .sf-fx-btn[data-sf-effect="eq"]{
   color:#21dcff!important;border:2px solid #21dcff!important;
   background:radial-gradient(circle,#0a3546 0%,#061526 70%)!important;
   box-shadow:0 0 8px #21dcff,0 0 22px #21dcffaa,inset 0 0 16px #21dcff66!important;
 }
 .sf-fx-right .sf-fx-btn[data-sf-effect="echo"]{
   color:#c05cff!important;border:2px solid #c05cff!important;
   background:radial-gradient(circle,#29163d 0%,#0d1025 70%)!important;
   box-shadow:0 0 8px #c05cff,0 0 22px #c05cffaa,inset 0 0 16px #c05cff66!important;
 }
 .sf-fx-right .sf-fx-btn[data-sf-effect="reverb"]{
   color:#50f58a!important;border:2px solid #50f58a!important;
   background:radial-gradient(circle,#123a29 0%,#071a1b 70%)!important;
   box-shadow:0 0 8px #50f58a,0 0 22px #50f58aaa,inset 0 0 16px #50f58a66!important;
 }
 /* os desenhos internos antigos usam background/border próprios; recolore para combinar */
 .sf-fx-right .sf-fx-btn[data-sf-effect="eq"] .sf-icon,
 .sf-fx-right .sf-fx-btn[data-sf-effect="eq"] .sf-icon::before,
 .sf-fx-right .sf-fx-btn[data-sf-effect="eq"] .sf-icon::after{filter:drop-shadow(0 0 4px #21dcff)!important}
 .sf-fx-right .sf-fx-btn[data-sf-effect="echo"] .sf-icon,
 .sf-fx-right .sf-fx-btn[data-sf-effect="echo"] .sf-icon::before,
 .sf-fx-right .sf-fx-btn[data-sf-effect="echo"] .sf-icon::after{filter:hue-rotate(80deg) saturate(1.7) drop-shadow(0 0 4px #c05cff)!important}
 .sf-fx-right .sf-fx-btn[data-sf-effect="reverb"] .sf-icon,
 .sf-fx-right .sf-fx-btn[data-sf-effect="reverb"] .sf-icon::before,
 .sf-fx-right .sf-fx-btn[data-sf-effect="reverb"] .sf-icon::after{filter:hue-rotate(285deg) saturate(1.8) drop-shadow(0 0 4px #50f58a)!important}
}