.btnPlus{
  --c1BtnP: var(--color1);
  text-align: center;
  margin-bottom: 1rem;
}
.btnPlus>.WrapBtnPlus{overflow: hidden; pointer-events: none}
.btnPlus>.WrapBtnPlus>*{vertical-align: middle; pointer-events: auto}
.btnPlus>.WrapBtnPlus>.bg_choice{display: inline-block !important; padding:0; margin:0;min-height:0; width: 4.5em;height: 4.5em; border-radius: 4em; position: relative;margin-right:1em;z-index: 0;}

.btnPlus>.WrapBtnPlus>.bg_choice>*{border-radius: inherit;}
.btnPlus>.WrapBtnPlus>.bg_choice>.BgColorOverImg{border:solid 0.4em var(--c1BtnP); color:inherit;}
.btnPlus>.WrapBtnPlus>.bg_choice>.BgColorOverImg::after, .btnPlus>.WrapBtnPlus>.bg_choice>.BgColorOverImg::before{content:""; display: block; position: absolute; top: 50%;color:inherit;
left: 50%; transform: translate(-50%, -50%); width: 0.4em; height: 1.7em; border-radius: 0.4em; background-color:var(--c1BtnP) transiton-property:transform; transition-duration: 0.5s}
.btnPlus>.WrapBtnPlus>.bg_choice[style*="color"]>.BgColorOverImg::after, .btnPlus>.WrapBtnPlus>.bg_choice[style*="color"]>.BgColorOverImg::before{background-color:currentColor;}
.btnPlus>.WrapBtnPlus>.bg_choice[style*="color"]>.BgColorOverImg{border-color: currentColor}

.btnPlus>.WrapBtnPlus>.bg_choice>.BgColorOverImg::after{transform: translate(-50%, -50%) rotate(90deg)}

.btnPlus>.WrapBtnPlus>p{display: inline-block; margin-bottom: 0; padding: 0 !important; position: relative; z-index: 1;}

.btnPlus a{text-decoration: none;}
.btnPlus a::before{content:"";display: block;position: absolute; top:50%; left:50%;transform: translate(-50%, -50%); width: 100vw; height: 25vh}

.btnPlus>.WrapBtnPlus> p ~.bg_choice{margin-right: 0; margin-left: 1em}

.editableZone .btnPlus>.WrapBtnPlus>p{overflow: hidden;}
.editableZone .btnPlus a{text-decoration:underline;}
.editableZone .btnPlus>i[class*="icon"]{ margin-top: 10px}
.editableZone .btnPlus .centrage::after{content: "\f061"}
.editableZone .btnPlus .alignementBtn{position: absolute; bottom: 0;left: 50%; transform: translateX(-50%);display: none;}
.editableZone .btnPlus.hover .alignementBtn{display: block;}
.editableZone .btnPlus .alignementBtn i{margin: 0 10px; cursor: pointer; color: #931D86;text-shadow: 1px 1px #FFF, -1px -1px #FFF, -1px 1px #FFF, 1px -1px #FFF;}
.editableZone .btnPlus>.WrapBtnPlus>.help4sort{display: none !important;}


.btnPlus:hover>.WrapBtnPlus>.bg_choice[style*="color"]>.BgColorOverImg::after{ transform: translate(-50%, -50%) rotate(360deg) rotate(-45deg) translate(150%, -10%) translateX(-20%) }
.btnPlus:hover>.WrapBtnPlus>.bg_choice[style*="color"]>.BgColorOverImg::before{ transform: translate(-50%, -50%) rotate(360deg) rotate(45deg) translate(150%, 10%) translateX(-20%) }