.class-panel h2{margin:0;padding:16px 20px 8px;color:#087cab}.recording-link{margin:18px 0 0;padding-top:12px;border-top:1px solid #dce8ed;text-align:center;font-size:12px;color:#70818b}.recording-link a{color:#087ead;text-decoration:none}.letter-tabs>span{min-width:110px;text-align:center;padding:6px 18px 12px;background:linear-gradient(#46b6e8,#168bc4);border-radius:15px;color:#fff;font:700 48px/1.2 "Noto Naskh Arabic";box-shadow:0 5px 0 #d6e7ed}
.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px 18px}.mode-switch button{border:1px solid #b9d6e1;border-radius:11px;padding:8px;background:#f0f7fa;color:#466271;font-family:inherit;cursor:pointer}.mode-switch button.active{background:#128bb9;color:#fff;border-color:#128bb9}.lesson-token.speaking{background:#c9f6e8!important;box-shadow:0 0 0 5px #16a77d55!important}