audio {max-width: 100%;}

    .audioplayer .wrap { min-height:100%; display:flex; align-items:center; justify-content:center; }
    .audioplayer .gate {
      display:flex; flex-direction:column; gap:1rem; max-width:28rem; padding:2rem;
      border:1px solid #ddd; border-radius:12px; box-shadow:0 2px 12px rgba(0,0,0,.06);
      font-family: "Lato", sans-serif;
    }
    .audioplayer .primary {
      font-size:1.125rem; padding:1rem 1.25rem; border-radius:10px; border:0;
      cursor:pointer;
    }
    .audioplayer .visually-hidden {
      position:absolute !important; height:1px; width:1px; overflow:hidden;
      clip:rect(1px, 1px, 1px, 1px); white-space:nowrap; clip-path:inset(50%);
    }
    .audioplayer .controls { margin-top:1rem; }

    .audioplayer .audio-title {
        display: flex;
        align-items: center;
    }
    .audioplayer .audio {
        background-image: url(/assets/frontend/images/audio.svg);
        transition: all .5s ease;
    }
    .audioplayer .icon {
        width: 70px;
        height: 70px;
        margin-right: 15px;
    }
    .audioplayer {
        display: block;
        background: #feefea;
        color: #000;
        font-family: 'Montserrat-SemiBold';
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        padding: 40px 40px;
        margin-left: 0px;
        border: none;
    }