.block-link .body ul {
    list-style: none;
    display: flex;
    flex-flow: column;
}

.block-link .body li:not(:last-child) {
    margin-bottom: 20px;
}

/** Block bottom **/
.block-link.block-bottom {
    width: 100%;
}

.block-link.block-bottom .body ul {
    padding-left: 0;
    flex-direction: column;
    align-items: center;
}

.block-link.block-bottom .body li {
    max-width: 200px;
    text-align: center;
}

.block-link.block-bottom .icon-link:before {
    margin-left: auto;
    margin-right: auto;
}


/** Block agenda **/

.block-link.block-agenda .link-arrow {
    position: relative;
    padding: 14px 40px;
    width: 276px;
    height: 54px;
     font-size: 2.1rem;
    text-transform: uppercase;
    color: #088391;
    border: 2px solid #088391;



}
.block-link.block-agenda .link-arrow:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  right: -12px;
  width: 15px;
  height:33px;
  background: #FFFFFF;
  border-right: 2px solid #088391;
  transform: rotate(35deg);
}
.block-link.block-agenda .link-arrow:after {
  content: '';
display: block;
position: absolute;
top: 0;
right: -12px;
width: 15px;
height: 33px;
background: #FFFFFF;
border-right: 2px solid #088391;
transform: rotate(-35deg);
}
.block-link.block-agenda .link-arrow:hover {
    color: #000;
    border: 2px solid #000;

}
.block-link.block-agenda .link-arrow:hover:before,
.block-link.block-agenda .link-arrow:hover:after{
  border-right: 2px solid #000;
}

/** block pratique **/
.block-link.block-pratique .body ul {
    margin-left: 20%;
    margin-right: 20%;
}

@media (min-width: 768px) {
    .block-link.block-bottom .icon-link:before {
        display: block;
    }

    .block-link.block-bottom {
        margin-top: 20px;
    }

    .block-link.block-bottom .body ul {
        flex-flow: row wrap;
        justify-content: space-around;
    }
}