.btn-mission{
text-decoration:none;
font-weight:700;
padding:16px 28px;
border-radius:8px;
font-size:16px;
transition:all 0.3s ease;
text-align:center;
}

/* bouton principal */

.btn-primary{
background:#d4a63a;
color:#fff;
box-shadow:0 10px 25px rgba(0,0,0,0.3);
}

.btn-primary:hover{
background:#b78b2e;
transform:translateY(-2px);
}


.input_wrapper_custom {
    padding-top: 3px; 
}

div.posters_block
{
	float:left;
	border:none;
	margin:5px;
	position:relative;
}

.modzzz_petitions_main_photo {
    border:1px solid #CCCCCC;
    width:604px;
    padding:2px 0;
    margin:0 auto;
    text-align:center;
}

.modzzz_petitions_main_info {
    width:606px;
    margin:2px auto 0px auto;
}

.modzzz_petitions_main_info a:first-child {
    font-weight:bold;
}

.modzzz_petitions_main_info_text {
    width:50%;
    float:left;
    text-align:left;
    font-size:11px;
    line-height:14px;
}
.modzzz_petitions_main_info_img {
    width:50%;
    float:left;
    text-align:right;
    font-size:11px;
}

.modzzz_petitions_main_info_img .votes_small {
    width:auto;
}
.modzzz_petitions_main_info_img>img {
    position:relative;
    top:3px;
}
 
.categories_col {
    font-weight:bold;
    font-size:12px; 
}

.drapeau-rdc-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  perspective:1000px;
  margin:30px auto;
}

.drapeau-rdc{
  position:relative;
  width:320px;
  height:180px;
  background:#00a3e0;
  overflow:hidden;
  border-radius:8px;
  box-shadow:0 15px 30px rgba(0,0,0,0.25);
  animation:waveFlag 3.2s ease-in-out infinite;
  transform-origin:left center;
}

/* étoile */
.drapeau-rdc .etoile{
  position:absolute;
  top:18px;
  left:22px;
  width:42px;
  height:42px;
  background:#f7d046;
  clip-path:polygon(
    50% 0%,
    61% 35%,
    98% 35%,
    68% 57%,
    79% 91%,
    50% 70%,
    21% 91%,
    32% 57%,
    2% 35%,
    39% 35%
  );
  z-index:3;
}

/* bandes diagonales */
.drapeau-rdc .bande{
  position:absolute;
  width:160%;
  height:26px;
  transform:rotate(-28deg);
  left:-80px;
  top:78px;
}

.drapeau-rdc .bande-jaune{
  background:#f7d046;
  height:34px;
  z-index:1;
}

.drapeau-rdc .bande-rouge{
  background:#ce1126;
  height:22px;
  top:84px;
  z-index:2;
}

.drapeau-rdc .bande-jaune.bas{
  top:90px;
  z-index:1;
}

/* effet de lumière */
.drapeau-rdc::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    100deg,
    rgba(255,255,255,0.22) 0%,
    rgba(255,255,255,0.08) 18%,
    rgba(255,255,255,0) 38%,
    rgba(0,0,0,0.08) 72%,
    rgba(255,255,255,0.05) 100%
  );
  pointer-events:none;
  z-index:4;
}

/* vague */
@keyframes waveFlag{
  0%{
    transform:rotateY(0deg) skewY(0deg);
  }
  25%{
    transform:rotateY(-8deg) skewY(1deg);
  }
  50%{
    transform:rotateY(0deg) skewY(0deg);
  }
  75%{
    transform:rotateY(8deg) skewY(-1deg);
  }
  100%{
    transform:rotateY(0deg) skewY(0deg);
  }
}