@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";html,body{margin:0;height:100%;width:100%}body{display:flex;font-family:Roboto,sans-serif}body>main{margin:auto;min-width:400px;min-height:180px}body>main>button{margin:auto;color:#fff;font-size:20px;cursor:pointer;width:100%;height:40px;background:#069d30;border:2px solid #069d30;border-radius:10px;-webkit-transition:box-shadow .15s ease-in-out,color .15s ease-in-out,background-color .15s ease-in-out;-moz-transition:box-shadow .15s ease-in-out,color .15s ease-in-out,background-color .15s ease-in-out;-o-transition:box-shadow .15s ease-in-out,color .15s ease-in-out,background-color .15s ease-in-out;transition:box-shadow .15s ease-in-out,color .15s ease-in-out,background-color .15s ease-in-out}body>main>button:hover{-webkit-box-shadow:0 20px 20px -15px rgba(255,103,94,.5);box-shadow:0 20px 20px -15px #ff675e80}body>main>button#stopRecording{display:none;background:#f26259;border:2px solid #f26259}body>main>audio{margin-top:24px;display:none;width:100%}body>main>a#download{display:none;margin-top:24px;text-align:center;color:#2523cf;text-decoration:none;border-bottom:1px solid rgba(37,35,207,.2);cursor:pointer}body>main>a#download:hover{color:#ff5020!important;border-bottom:1px solid rgba(255,80,32,.2)}