#share-drawer{ 
    right: calc( 0px - var(--width-drawer));
}
#share-drawer.open{ 
    right: 0;
    transition-property: right;
}

#share-drawer .section{    
    padding: 1.71em 2em;
    font-family: var(--font-titre);
}
#share-drawer .close-drawer{
    right: auto;
    left: 1.71em;
}
.envelop-share{
    max-width: 85%;
}

.form-share{
    margin-top: 2em;
}
.form-share input[type="text"]{
    margin-bottom: 1em;
    font-size: 1.071em;  
    border-radius: 0.9em;
    height: 2.667em;

}
.form-share button.btn{
    font-size: 1.071em; 
    padding: .8em .8em;
    margin-bottom: 1em;
}

#menu-share{
    position: absolute;
	top: 7.4%;
    right: -2em;
    cursor: pointer;
    margin:  0 0 0;
    z-index: 100000;  

	animation:swing 3.5s ease-in-out infinite both;
	transform-origin:50% 0 ;
	transform: rotate(10deg); 
}
@keyframes swing{
  0%, 40%   { transform: rotate(10deg); }  /* repos */
  48%       { transform: rotate(-4deg); }
  56%       { transform: rotate(19deg); }
  64%       { transform: rotate(4deg); }
  71%       { transform: rotate(14deg); }
  78%       { transform: rotate(8deg); }
  84%       { transform: rotate(11deg); }
  90%, 100% { transform: rotate(10deg); }  /* retour au repos */
}
#menu-share strong{
    color: #FFF;  
    font-size: 1.08em;
    margin: 0 0 3px;
    display: block;
    font-family: var(--font-titre);
    
}

#menu-share img{  
    width: 6.154em;
    max-width: none;
}

@media screen and (min-width: 1081px) {
	#menu-share {
		top: 9%;
		right: 1em;

	}
}

#share-drawer{max-width:100vw;visibility:hidden}
#share-drawer.open{visibility:visible}
#share-drawer [hidden]{display:none !important}
@media(prefers-reduced-motion:reduce){#menu-share{animation:none}}