.main-gradient{background:linear-gradient(325deg,rgb(0,132,255),rgb(152,148,209));background:linear-gradient(325deg,#a100ff,#ff0068);border-bottom:navy}.check-pronunciation-conversation__audio{position:absolute;left:8px}.conversation-pronunciation-icon-wrapper{color:#54c3ec;cursor:pointer}.conversation-pronunciation-icon-wrapper:hover{color:#2fbaec}.check-pronunciation__translation-text{position:relative;color:#fff;margin-top:10px;color:#0084ff;font-size:18px}@media(max-width:480px){.check-pronunciation__translation-text{font-size:15px}}.check-pronunciation__body{width:100%;border-radius:20px;padding:10px;background-color:#fff}.check-pronunciation__content{color:#737373;height:100%;width:100%;padding:20px;z-index:1;display:flex;flex-direction:column;gap:10px}.check-pronunciation__original-text{border-bottom:1px solid #e3e0e0;margin-bottom:10px;font-weight:400;font-size:18px;background-color:#e8eff5;padding:15px 5px;border-radius:10px;color:#000}@media(max-width:480px){.check-pronunciation__original-text{font-size:15px}}.check-pronunciation__res-text{border-bottom:1px solid #2894f9;padding-bottom:5px;margin-bottom:10px;min-height:60px;font-weight:600;font-size:20px;color:#66168b}.check-pronunciation__res-text:first-letter{text-transform:uppercase}@media(max-width:480px){.check-pronunciation__res-text{font-size:15px}}.check-pronunciation__content:first-letter{text-transform:uppercase}.check-pronunciation__record{height:50px;font-size:30px;display:flex;align-items:center;width:100%;justify-content:center;gap:50px}.check-pronunciation__my-voice{align-self:flex-end;justify-self:start;color:#e2e6e5}.check-pronunciation__percentage{height:50px;width:50px;text-align:center;display:flex;align-items:center}.circular-progress{height:50px!important;width:50px!important;position:relative}.circular-progress__percentage-text{font-size:15px;position:absolute;top:50%!important;left:50%!important;transform:translate(-50%,-50%)}