.icon-container{display:flex;align-items:center;justify-content:center;width:60px;height:60px;position:relative}.transparent-border::after{border-top:transparent!important}.icon-container img{width:100%;height:auto}.stop-button{display:none;background:var(--primary);font-size:var(--font-size--small);margin-top:10px;width:220px;height:50px}.stop-button.active{display:flex}.recording-modal-box{display:none;position:fixed;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;z-index:1000}.recording-modal-box.active{display:flex}.recording-modal-box::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:-1}.recording-modal-box .modal-content{background-color:#fff;padding:20px;border-radius:8px;width:90%;max-width:360px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center}.recording-modal-box .icon-container-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:10px}.recording-modal-box .icon-container-wrapper .icon-container{font-size:48px}.recording-modal-box .icon-container-wrapper #mic-svg-object{width:100%;height:100%;position:absolute}.recording-modal-box .text-container{font-size:16px;color:#000;text-align:center;margin-top:10px}