.elementor-4314 .elementor-element.elementor-element-38d8ce4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-8c11266 */.mic-wrapper{

display:flex;
justify-content:center;
align-items:center;
padding:30px;

}


.mic-card{

max-width:450px;
width:100%;

background:
linear-gradient(145deg,#0f172a,#020617);

border-radius:18px;

padding:25px;

color:white;

box-shadow:
0 10px 40px rgba(0,0,0,.4);

font-family:
Arial, sans-serif;

}



.mic-card h2{

text-align:center;

font-size:26px;

}


.subtitle{

text-align:center;

color:#94a3b8;

}



select{

width:100%;

padding:13px;

border-radius:10px;

margin:15px 0;

background:#1e293b;

color:white;

border:1px solid #334155;

}



.buttons{

display:flex;

gap:10px;

}



button{

flex:1;

padding:12px;

border:0;

border-radius:10px;

cursor:pointer;

font-weight:bold;

}


.start-btn{

background:#22c55e;

color:white;

}


.stop-btn{

background:#ef4444;

color:white;

}



.info-box{

margin-top:20px;

padding:15px;

background:#020617;

border-radius:12px;

font-size:14px;

color:#cbd5e1;

}



canvas{

margin-top:20px;

width:100%;

height:120px;

background:black;

border-radius:12px;

}



.meter{

height:15px;

background:#1e293b;

border-radius:20px;

margin-top:15px;

overflow:hidden;

}


#volume{

height:100%;

width:0%;

background:
linear-gradient(
90deg,
#22c55e,
#eab308,
#ef4444
);

}



#status{

text-align:center;

margin-top:15px;

color:#38bdf8;

}/* End custom CSS */