JSFiddle - React, Tailwind, and code Playground

by anoopsuda

HTML

<button type="button" class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed" aria-label="Expand row"></button>

<button type="button" class="ant-table-row-expand-icon ant-table-row-expand-icon-expanded" aria-label="Expand row"></button>

CSS

.ant-table-row-expand-icon {
 display: inline-block;
  position:relative;
   width: 18px;
    height: 18px;
    border: solid 1px blue;
    background: transparent;
    border-radius: 50%;
    
}
.ant-table-row-expand-icon::after { display:none;}
.ant-table-row-expand-icon::before
{
    transform: inherit;
    display: inline-block;
        content: "";
        position:absolute;

 border: solid blue;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
}
 
.ant-table-row-expand-icon-collapsed::before {
  
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);   
  top:5px;left:4px;
  
  
}

.ant-table-row-expand-icon-expanded::before {
  
   transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
   top:2px;left:4px;
  
}