#player-container #play-pause {
  cursor: pointer;
  text-indent: -999999px;
  height:70px;
  width: 70px;
  border-radius: 50%;
  padding: 0px 0px;
  z-index: 2;
    background-image: url(enradiologo.png);
    background-repeat: no-repeat!important;
    background-position: center;
    background-size: 70px;
  border-radius: 50%;
  background-repeat:no-repeat;
  background-position:center;
  background-size:70px;
  background-color: gainsboro;
}
.play {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMiAyNHYtMjRsMjAgMTItMjAgMTJ6Ii8+PC9zdmc+);
}
.pause {
   background-image: url(Disco-de-vinilo-03.gif)!important;
}
        body {
            font-family: Arial, sans-serif;
        }

        h1 {
            color: #333;
            font-size: 24px;
            margin-bottom: 20px;
        }

        form {
            margin-bottom: 30px;
        }

        label {
            display: block;
            margin-bottom: 5px;
            font-weight: bold;
        }

        input[type="text"],
        textarea {
            width: 100%;
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

        input[type="file"] {
            margin-top: 5px;
        }

        input[type="submit"] {
            padding: 10px 20px;
            background-color: #007bff;
            border: none;
            color: #fff;
            border-radius: 4px;
            cursor: pointer;
        }

        input[type="submit"]:hover {
            background-color: #0069d9;
        }

        #map {
            height: 400px;
            width: 80%;
            margin-bottom: 30px;
        }

        .marker {
            background-color: #fff;
            border-radius: 50%;
            border: 2px solid #007bff;
            width: 40px;
            height: 40px;
            background-size: cover;
            background-position: center;
            cursor: pointer;
        }
.popup {
            width: 400px !important;
        }
        .popup-content {
            width: 400px !important;
        }

        .popup-content h3 {
            margin-top: 0;
        }

        .popup-content p {
            margin-bottom: 10px;
        }

        popup-content audio {
    width: 50%;
    margin-top: 10px;
}

        .fa-play-circle,
        .fa-pause-circle {
            font-size: 24px;
            color: #007bff;
            cursor: pointer;
        }