/* Container for the circle icon */
    .circle-icon {
      display: inline-flex;                /* Center content */
      justify-content: center;             /* Horizontal centering */
      align-items: center;                 /* Vertical centering */
      width: 30px;                         /* Circle width */
      height: 30px;                        /* Circle height */
      border-radius: 50%;                  /* Makes circle */
      background-color: #007BFF;           /* Blue background */
      color: white;                        /* Icon color */
      font-size: 24px;                     /* Icon size */
      box-shadow: 0 4px 8px rgba(0,0,0,0.2); /* Optional shadow */
      transition: transform 0.2s;          /* Smooth hover effect */
      cursor: pointer;
    }

    /* Optional hover effect */
    .circle-icon:hover {
      transform: scale(1.1);
    }
  </style>