audio {width: 100%;}
        button {min-width: 100px; min-height: 20px; width: 100%; height: 80px; border-radius: 10px; border: 1px solid #777; background-color: #9cf391; font-size: 140%; font-weight: bold; text-align: center;}

        .audio-button{min-width: 100px; min-height: 20px; width: 100%; height: 80px; margin-top: 10px; border-radius: 10px; border: 1px solid #777; font-size: 240%; font-weight: bold; text-align: center;}

        .audio-button-play
        {
            background-color: #2D5A2D;
            border-color: #3E7A3E;
            color: #6FC74A ;
        }

        .audio-button-play:hover
        {
            background-color: #3a743a;
            color: #a1ff78 ;
        }


        .audio-button-pause
        {
            background-color: #3A2D0A ;
            border-color: #7A6010;
            color: #D4A017  ;
        }

        .audio-button-pause:hover
        {
            background-color: #53410e ;
            color: #fdd97f  ;
        }

        @media screen and (min-width:768px) {
            .box {border-radius: 10px;}   
            button {display: none;}
        }