.modal-audio{background:#fff;position:fixed;max-width:360px;padding:15px;left:50%;top:150px;transform:translate(-50%);z-index:500;width:100%;border:1px solid var(--color1);transition:all .5s ease-in-out;background-color:var(--color2);opacity:0;animation:fadeIn .25s ease-in-out .33s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-audio.limit-top{top:100px}.modal-audio>p{color:#777;text-align:center}.modal-audio .btns{display:flex;flex-direction:row;margin-top:15px;width:100%;align-items:center;justify-content:center;flex-wrap:nowrap;gap:10px}.modal-audio .btns>a{margin:0 5px;padding:10px 25px;text-transform:uppercase;font-size:12px}.modal-audio .btns>a.active-audio{background:var(--color1);color:#fff}.modal-audio .btns>a.cancel-audio{border:1px solid #777;color:#777}@media screen and (min-width:1200px){.modal-audio{display:block;top:225px}.modal-audio.limit-top{top:100px}}.backtop{position:fixed;right:10px;bottom:25px;width:40px;height:40px;z-index:500;background:var(--color1);cursor:pointer;opacity:0;visibility:hidden;border-radius:50%;transform:translateY(20px);transition:all .5s;border:1px solid var(--white)}.backtop:hover{background:var(--white);border-color:var(--color1)}.backtop:hover:after{border-top-color:var(--color1);border-right-color:var(--color1)}.backtop.visible{opacity:1;visibility:visible;transform:translateY(0)}.backtop:after{content:"";display:block;width:10px;height:10px;border-top:2px solid var(--white);border-right:2px solid var(--white);position:absolute;top:50%;left:50%;transform:translate(-50%,-25%) rotate(-45deg)}