Popsu-coloque/web/themes/custom/popsu_colloque/css/components/sidebar/rs.scss

.dl_ressource{
  font-size: 0.9rem;
  line-height: 1.2;
  font-family: 'truenoregular';
  text-align: left;
  margin: 1.5rem .25rem 0 .25rem;
  @media screen and (min-width : 768px){
    margin-top: 1.5rem;
    text-align: center;
    font-size: 0.5rem;
  }
  a{
    &::before{
      content: "";
      display: inline-block;
      background-image: url($picto_dl);
      background-repeat: no-repeat;
      background-size: contain;
      width: 25px;
      height: 25px;
      vertical-align: middle;
      margin-right: 0.5rem;
      @media screen and (min-width : 768px){
        margin-right: 0;
      }
    }
    &> span{
      display: inline-block;
      @media screen and (min-width : 992px){
        display: inline-block!important;
        margin-top: 0.5rem;
      }
      @media screen and (min-width : 768px){
        display: none;
      }
    }
  }
}
.__rs{
  & > div{
    width: 25px;
    height: 25px;
    margin: 0 0.25rem;
  }
}

@media screen and (min-width: 768px) {
  .__rs{
    &:not(.moment){
      margin: auto;
      & > div{
        margin: 0 auto 0.5rem auto;
      }
    }
  }
}

@media screen and (min-width: 992px) {
  .__rs{
  &.moment{
    margin: auto;
    & > div{
      margin: 0 auto 0.5rem auto;
    }
  }
}
}