.content-modal {
  .modal-dialog {
    width: 100%;
    display: flex;
    justify-content: center;
    .modal-content {
      max-width: 90%;
      background-color: transparent;
      border: none;
      box-shadow: none;
      .content-modal-controls {
        display: flex;
        justify-content: flex-end;
        .content-modal-close-btn {
          margin: 8px;
          font-size: 25px;
          color: #ffffff;
          &:hover {
            cursor: pointer;
          }
        }
      }
      .text-content-modal {
        background-color: #ffffff;
        border-radius: 4px;
        padding: 25px;
        img, video, audio {
          max-width: 100%;
        }
      }
      .image-content-modal {
        img {
          max-width: 100%;
        }
      }
      .video-content-modal {
        video {
          max-width: 100%;
        }
      }
      .audio-content-modal {
        audio {
          max-width: 100%;
        }
      }
    }
  }
}

.content-modal-open .modal-backdrop {
  opacity: .9;
}