как убрать границу-права для последнего ребенка в css

Я хочу удалить границу справа для последнего ребенка с помощью css. Я использую html ниже:

 <div class="dividers">
     <div class="clone_container">
       <img src="clone.png"/>
        <a class="button-link">Clone</a>
     </div> 
    <div class="delete">
       <img src="delete.png"/>
        <a class="button-link">Delete</a>
     </div>
   <div class="abort">
       <img src="abort.png"/>
        <a class="button-link">Abort</a>
     </div> 
  <div class="pause">
       <img src="pause.png"/>
        <a class="button-link">Pause</a>
     </div>
 </div>     //end of dividers div

и css:

div.dividers a {
display: inline-block;
border-right: 1px solid #DCDCDC;
    border-radius: 4px;
   height: 22px;
}
div.dividers {
   margin-right: -3px;
   padding-right: 0px
   }

   div.dividers a:last-child { border-right: none;  }

когда я делаю { border-right: none; } { border-right: none; } как показано выше, все границы удалены. Как я могу это исправить? кто-нибудь с любыми идеями?

Результат, который я ищу, это: Clone | Удалить | Отменить | Пауза