/*F:\05.--.A. WB-Blogger.com-del-dlr\01.a. InfoTrim.com WP - IT\01. infotrim.com\09. All CSS, JS code\3. Some other code\2. List - 2- full code here*/

/*Text Copy and Paste*/

    body {
      font-family: Arial, sans-serif;
      padding: 0;
      background: #F0ECFD;
    }

    .code-container {
      width: 100%;
      max-width: 100%;
      margin-bottom: 30px;
    }

    .copy-button-wrapper {
      text-align: right;
    }

    .copy-btn {
      padding: 5px 10px;
      font-size: 12px;
      cursor: pointer;
      border: none;
      background-color: #4CAF50;
      color: white;
      border-radius: 3px;
      transition: background-color 0.3s;
    }

    .copy-btn:hover {
      background-color: #45a049;
    }

    .code-block {
      position: relative;
      border: 1px solid #ddd;
      border-radius: 4px;
      background: #fff;
      overflow: hidden;
    }

    .code-block pre {
      overflow-x: auto;
      white-space: pre;
      margin: 0;
      padding: 20px 10px 10px 10px;
      background-color: #f8f8f8;
    }

    code {
      font-family: monospace;
      color: maroon;
      display: block;
    }