.boutonrose {
    pointer-events: auto;
    cursor: pointer;
    background: #AA0E42;
    padding: 1em 2.5em;
    margin: 0;
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: white !important;
    z-index: 0;
   border-radius:33px;
  
    }
    
    .boutonrose::before {
    content: '';
    background: #e91359 ;
    transition: transform 0.4s cubic-bezier(0.7, 0, 0.2, 1);
    position: absolute;
    top: 0px; left: 0px;
    width: 100%;
    height: 190%;
    z-index: -1;
    border-bottom-left-radius: 100%;
    border-bottom-right-radius: 100%;
    }
    
    .boutonrose:hover {
    color: black !important;
    background: #d3d3d3;
    }
    
    .boutonrose:hover:before {
    transform: translate3d(100%,-100%,0);
    }
.boutonbleufonce {
    pointer-events: auto;
    cursor: pointer;
    background: #245bab;
    padding: 1em 2.5em;
    margin: 0;
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: white !important;
    z-index: 0;
   border-radius:33px;

    }
    
    .boutonbleufonce::before {
    content: '';
    background: #265bab; ;
    transition: transform 0.4s cubic-bezier(0.7, 0, 0.2, 1);
    position: absolute;
    top: 0px; left: 0px;
    width: 100%;
    height: 190%;
    z-index: -1;
    border-bottom-left-radius: 100%;
    border-bottom-right-radius: 100%;
    }
    
    .boutonbleufonce:hover {
    color: black !important;
    background: #d3d3d3;
    }
    
    .boutonbleufonce:hover:before {
    transform: translate3d(100%,-100%,0);
    }


.boutonbleuclair {
    pointer-events: auto;
    cursor: pointer;
    background: #2C5977;
    padding: 1em 2.5em;
    margin: 0;
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: white !important;
    z-index: 0;
   border-radius:33px;

    }
    
    .boutonbleuclair::before {
    content: '';
    background: #2C5977 ;
    transition: transform 0.4s cubic-bezier(0.7, 0, 0.2, 1);
    position: absolute;
    top: 0px; left: 0px;
    width: 100%;
    height: 190%;
    z-index: -1;
    border-bottom-left-radius: 100%;
    border-bottom-right-radius: 100%;
    }
    
    .boutonbleuclair:hover {
    color: black !important;
    background: #d3d3d3;
    }
    
    .boutonbleuclair:hover:before {
    transform: translate3d(100%,-100%,0);
    }
.boutonvert{
    pointer-events: auto;
    cursor: pointer;
    background: #3cdc96;
    padding: 1em 2.5em;
    margin: 0;
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: white !important;
    z-index: 0;
   border-radius:33px;

    }
    
    .boutonvert::before {
    content: '';
    background: #3cdc96 ;
    transition: transform 0.4s cubic-bezier(0.7, 0, 0.2, 1);
    position: absolute;
    top: 0px; left: 0px;
    width: 100%;
    height: 190%;
    z-index: -1;
    border-bottom-left-radius: 100%;
    border-bottom-right-radius: 100%;
    }
    
    .boutonvert:hover {
    color: black !important;
    background: #d3d3d3;
    }
    
    .boutonvert:hover:before {
    transform: translate3d(100%,-100%,0);
    }