title: how to slice background color with before/after element
body: <p><a href="https://i.stack.imgur.com/kfPdk.png" rel="nofollow noreferrer">please have a look at my example</a>I have added background color, and now i want to slice some point and must be with background transparent like i added</p>
  
  <pre><code>.single_cat_list_in .meta:before {
      content: "";
      width: 20px;
      height: 20px;
      background: #ffffff !important;
      position: absolute;
      right: -35px;
      bottom: -10px;
      border-radius: 50%;
      border-left: 1px solid rgba(0, 0, 0, 0.5);
  }
  </code></pre>
  
  <p><a href="https://prnt.sc/pi94k5" rel="nofollow noreferrer">https://prnt.sc/pi94k5</a></p>