.list-item{
  .card-body{
    @include media-breakpoint-down(sm){
      padding: .5rem;
      p:first-child{
        font-weight: bold;
      }
    }
  }
  .custom-control{
    >*{
      margin-left: $size-small;
    }
    button{
      outline: initial !important;
      box-shadow: initial !important;
      line-height: 1.7;
      border-radius: 3px;
      min-width: 38px;
      text-align: center;
      height: 38px;
      padding: 0.55rem 0;
      @include media-breakpoint-down(sm){
        min-width: 30px;
        height: 30px;
        line-height: 1;
      }
    }

    svg{
      height: 15px;
      margin-top: -3px;
    }
  }
}

.link-first{
  >td:first-child{
    cursor: pointer;
    &:hover{
      text-decoration: underline;
    }
  }
}