:root{
  --font-size-sm: clamp(0.8rem, 0.17vw + 0.76rem, 0.89rem);
--font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem);
--font-size-md: clamp(1.25rem, 0.61vw + 1.1rem, 1.58rem);
--font-size-lg: clamp(1.56rem, 1vw + 1.31rem, 2.11rem);
--font-size-xl: clamp(1.95rem, 1.56vw + 1.56rem, 2.81rem);
--font-size-xxl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);
--font-size-xxxl: clamp(3.05rem, 3.54vw + 2.17rem, 5rem);
}

[title="Formulaire de contact 1"]{
  font-size:var(--font-size-base);
  color:white;
}


.container{
background: rgb(233,97,153);
background: -moz-linear-gradient(180deg, rgba(233,97,153,1) 0%, rgba(207,113,202,1) 26%, rgba(233,67,90,0.7805497198879552) 75%, rgba(35,35,45,1) 99%);
background: -webkit-linear-gradient(180deg, rgba(233,97,153,1) 0%, rgba(207,113,202,1) 26%, rgba(233,67,90,0.7805497198879552) 75%, rgba(35,35,45,1) 99%);
background: linear-gradient(180deg, rgba(233,97,153,1) 0%, rgba(207,113,202,1) 26%, rgba(233,67,90,0.7805497198879552) 75%, rgba(35,35,45,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e96199",endColorstr="#23232d",GradientType=1);
}



.container {
    box-sizing: border-box;
    width: 100%;
    padding-left: calc(50% - var(--container-width) / 2);
    padding-right: calc(50% - var(--container-width) / 2);
}

@media only screen and (min-width: 1040px) {
    :root {
        --container-width: 1000px;
    }
    
}


@media only screen and (max-width: 460px) {
    .wpcf7-textarea{
    width:95%;

}
input{
  width:100%;
}

}



/* CSS */
.wpcf7-submit{
  align-items: center;
  background-color: #fee6e3;
  border: 2px solid #111;
  border-radius: 8px;
  box-sizing: border-box;
  color: #111;
  cursor: pointer;
  display: flex;
  font-family: Inter,sans-serif;
  font-size: 16px;
  height: 48px;
  justify-content: center;
  line-height: 24px;
  max-width: 100%;
  padding: 0 25px;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.wpcf7-submit:after {
  background-color: #111;
  border-radius: 8px;
  content: "";
  display: block;
  height: 48px;
  left: 0;
  width: 100%;
  position: absolute;
  top: -2px;
  transform: translate(8px, 8px);
  transition: transform .2s ease-out;
  z-index: -1;
}

.wpcf7-submit:hover:after {
  transform: translate(0, 0);
}

.wpcf7-submit:active {
  background-color: #ffdeda;
  outline: 0;
}

.wpcf7-submit:hover {
  outline: 0;
}

@media (min-width: 768px) {
  .wpcf7-submit {
    padding: 0 40px;
  }
  
}

p{
  font-weight:600;
  font-size:var(--font-size-base);
}
h2{
  font-size:var(--font-size-md);
}
[data-name="radio-199"]>.wpcf7-radio>*{
  display:block;

}