@mixin menu-contenus{
  ul,li{
    padding: 0;
    margin:0;
    list-style: none;
  }
  .wrapper{
    position: relative;
  }
  label{
    color:$bleu_site;
    font-weight: 600;
    display: block;
    font-size: 0.756em;
    padding:0 0 0.25em 0;
    transition: color 0.25s ease-out;
    position: absolute;
    z-index: 0;
    &:has(+ a:hover){
      color: $rose;
    }
  }
  a{
    font-size: 1.13em;
    transition: color 0.15s ease-out;
    display: block;
    position: relative;
    z-index: 1;
    padding-top: 1em;
    &:hover{
      color: $bleu_site;
    }
  }

}

@mixin card{
  position: relative;
  background-color: #fff;
  padding:2em;
  box-shadow: 0 0 10px rgba(0,0,0,0.25);
  max-width: 50em;
  box-sizing: content-box;
  margin: 30vh auto 0;
  &[role="home-presentation"]{
    margin-top: 10vh;
  }
}

@mixin arrow{
  display: block;
  width:30px; height:30px;
  border-radius: 15px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: 100px;
  overflow: hidden;
}

@mixin arrow-white{
  @include arrow();
  background-image: url('/themes/custom/mathallo/assets/img/arrow-white.svg');
}

@mixin arrow-blue{
  @include arrow();
  background-image: url('/themes/custom/mathallo/assets/img/arrow-blue.svg');
}