nuitdelinfo_2021/static/scss/layouts/cards.scss

.flex-card{
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  .card{
    flex: 0 1 33%;
    margin-bottom: 70px;
    .inner{
      margin: 0 30px;
      background: $background3;
      &:hover{
      img{
        cursor: pointer;
        filter: grayscale(70%);
        transform: scale(1.2) !important;
      }
    }
    }
    .img-container{
      width: 100%;
      overflow: hidden;
      img{
        transition: all ease-in-out 0.3s;
        width: 100%;
      }
    }
    .content{
      padding: 20px;
      .date{
        color: $accent;
        font-style: italic;
        font-size: 15px;
      }
      .titre{
        font-size: 20px;
      }
      a{
        margin: auto;
        margin-top: 30px;
      }
    }
  }
}

.btn-add{
  position: fixed;
  bottom: 30px;
  right: 30px;
  font-size: 75px;
  color: black;
  cursor: pointer;
  background: $accent;
  padding: 0 24px;
  border-radius: 50%;
  &:hover{
    color: black !important;
  }
}