/* btn Style 1 Variables */
.btnTypeStyle1.zfActionbtns {
	color: rgba(var(--submitbtn1-active-text-clr)) !important;
  fill: rgba(var(--submitbtn1-active-text-clr)) !important;
	background: rgba(var(--submitbtn1-active-bg-clr)) !important;
  border: 1px solid rgba(var(--submitbtn1-active-bdr-clr));
}
.btnTypeStyle1.zfActionbtns:hover {
  border-color: rgba(var(--submitbtn1-hover-bdr-clr));
  fill: rgba(var(--submitbtn1-hover-text-clr)) !important;
  color: rgba(var(--submitbtn1-hover-text-clr)) !important;
}
.btnTypeStyle1.zfActionbtns em, .btnTypeStyle1.zfActionbtns b, .btnTypeStyle1.zfActionbtns span {
	color: rgba(var(--submitbtn1-active-text-clr)) !important;
}
.btnTypeStyle1.zfActionbtns:hover em, .btnTypeStyle1.zfActionbtns:hover b, .btnTypeStyle1.zfActionbtns:hover span {
	color: rgba(var(--submitbtn1-hover-text-clr)) !important;
}
.btnTypeStyle1.zfActionbtns:after {
	background-color: rgba(var(--submitbtn1-hover-bg-clr)) !important;
}
/* btn Style 1 Variables End*/

/* btn Style 2 Variables */
.btnTypeStyle2.zfActionbtns {
  background: rgba(var(--submitbtn2-active-bg-clr)) !important;
  color: rgba(var(--submitbtn2-active-text-clr)) !important;
  fill: rgba(var(--submitbtn2-active-text-clr));
  border: 3px solid rgba(var(--submitbtn2-active-bdr-clr));
  box-shadow: 0.1em 0.1em rgba(var(--submitbtn2-active-bdr-clr));
}
.btnTypeStyle2.zfActionbtns:hover {
  box-shadow: 0.25em 0.25em rgba(var(--submitbtn2-active-bdr-clr));
}
/* btn Style 2 Variables End*/

/* btn Style 3 Variables*/
.btnTypeStyle3.zfActionbtns {
   background: rgba(var(--submitbtn3-active-bg-clr)) !important;
   border: 1px solid rgba(var(--submitbtn3-active-bdr-clr)) !important;
}
.btnTypeStyle3.zfActionbtns em {
   color: rgba(var(--submitbtn3-active-text-clr)) !important;
}
.btnTypeStyle3.zfActionbtns::after {
  background: rgba(var(--submitbtn3-hover-bg-clr)) !important;
}
.btnTypeStyle3.zfActionbtns::before {
  background: rgba(var(--submitbtn3-hover-bg-clr)) !important;
}
/* btn Style 3 Variables end*/

/* btn Style 4 Variables*/
.btnTypeStyle4.zfActionbtns::before,
 .btnTypeStyle4.zfActionbtns::after {
    border-left: 1px solid rgba(var(--submitbtn4-active-bdr-clr));
    border-top: 1px solid rgba(var(--submitbtn4-active-bdr-clr));
}
.btnTypeStyle4.zfActionbtns::after {
    border-left: none !important;
    border-right: 1px solid rgba(var(--submitbtn4-active-bdr-clr));
    border-bottom: 1px solid rgba(var(--submitbtn4-active-bdr-clr));
    border-top: none !important;
}
.btnTypeStyle4.zfActionbtns em, .btnTypeStyle4.zfActionbtns b {
    color: rgba(var(--submitbtn4-active-text-clr)) !important;
    background-color: rgba(var(--submitbtn4-active-bg-clr)) !important;
}
/* btn Style 4 Variables end*/

/* btn Style 5 Variables */
.btnTypeStyle5.zfActionbtns {
  background-color:transparent !important;
  color: rgba(var(--submitbtn5-active-text-clr)) !important;
  -webkit-mask-image: -webkit-radial-gradient(rgba(var(--submitbtn5-active-bg-clr)), rgba(var(--submitbtn5-active-text-clr))) !important;
}
.btnTypeStyle5.zfActionbtns:after {
  background: rgba(var(--submitbtn5-active-bg-clr)) !important;
}
/* btn Style 5 Variables End*/


/* btn Style 6 Variables */
.btnTypeStyle6.zfActionbtns {
  background: rgba(var(--submitbtn6-active-bg-clr)) !important;
  color: rgba(var(--submitbtn6-active-text-clr)) !important;
  fill: rgba(var(--submitbtn6-active-text-clr));
}

.btnTypeStyle6.zfActionbtns::before {
  border: 1px solid rgba(var(--submitbtn6-active-bdr-clr));
}
/* btn Style 6 Variables End */

/* btn Style 7 Variables */
.btnTypeStyle7.zfActionbtns {
    color: rgba(var(--submitbtn7-active-text-clr)) !important;
    background: rgba(var(--submitbtn7-active-bg-clr)) !important; 
    box-shadow: 0 8px 0 rgba(var(--submitbtn7-shadow-clr));
}

.btnTypeStyle7.zfActionbtns:active {
  box-shadow: 0 0 0 rgba(var(--submitbtn7-shadow-clr));
}
/* btn Style 7 Variables End */

/* btn Style 8 Variables */
.btnTypeStyle8.zfActionbtns {
    color: rgba(var(--submitbtn8-active-text-clr)) !important;
    background-color: rgba(var(--submitbtn8-active-bg-clr)) !important;
    border: 1px solid rgba(var(--submitbtn8-active-bdr-clr));
}
.btnTypeStyle8.zfActionbtns::before {
  background-image: radial-gradient(circle, rgba(var(--submitbtn8-active-bg-clr)) 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, rgba(var(--submitbtn8-active-bg-clr)) 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, rgba(var(--submitbtn8-active-bdr-clr)) 20%, transparent 20%),
    radial-gradient(circle, rgba(var(--submitbtn8-active-bg-clr)) 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, rgba(var(--submitbtn8-active-bg-clr)) 20%, transparent 20%),
    radial-gradient(circle, rgba(var(--submitbtn8-active-bg-clr)) 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, rgba(var(--submitbtn8-active-bg-clr)) 20%, transparent 20%),
    radial-gradient(circle, rgba(var(--submitbtn8-active-bg-clr)) 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, rgba(var(--submitbtn8-active-bg-clr)) 20%, transparent 20%),
    /*  */
      radial-gradient(circle, transparent 10%, rgba(var(--submitbtn8-active-bg-clr)) 20%, transparent 20%),
    radial-gradient(circle, rgba(var(--submitbtn8-active-bg-clr)) 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, rgba(var(--submitbtn8-active-bdr-clr)) 20%, transparent 20%),
    radial-gradient(circle, rgba(var(--submitbtn8-active-bg-clr)) 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, rgba(var(--submitbtn8-active-bg-clr)) 20%, transparent 20%),
    radial-gradient(circle, rgba(var(--submitbtn8-active-bg-clr)) 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, rgba(var(--submitbtn8-active-bdr-clr))  20%, transparent 20%) !important;
}
/* btn Style 8 Variables End */

/* btn Style 9 Variables */

.btnTypeStyle9.zfActionbtns {
    color: rgba(var(--submitbtn9-active-text-clr)) !important;
    fill: rgba(var(--submitbtn9-active-text-clr));
    background: rgba(var(--submitbtn9-active-bg-clr)) !important;
    border: 2px solid rgba(var(--submitbtn9-active-bdr-clr));
}

.btnTypeStyle9.zfActionbtns::before {
 background: rgba(var(--submitbtn9-active-bg-clr)) !important;
 box-shadow: 0 0 0 2px rgba(var(--submitbtn9-active-bdr-clr)), 0 -0.55em 0 0 rgba(var(--submitbtn9-active-bdr-clr));
}

.btnTypeStyle9.zfActionbtns:hover {
 background: rgba(var(--submitbtn9-active-bg-clr)) !important;
}

.btnTypeStyle9.zfActionbtns:hover::before {
 box-shadow: 0 0 0 2px rgba(var(--submitbtn9-active-bdr-clr)), 0 -0.55em 0 0 rgba(var(--submitbtn9-active-bdr-clr));
}

.btnTypeStyle9.zfActionbtns:active::before {
 box-shadow: 0 0 0 2px rgba(var(--submitbtn9-active-bdr-clr)), 0 0 rgba(var(--submitbtn9-active-bdr-clr));
}
/* btn Style 9 Variables End */

/* btn Style 10 Variables */
.btnTypeStyle10.zfActionbtns {
  border: .3px solid rgba(var(--submitbtn10-active-bdr-clr));
  color: rgba(var(--submitbtn10-active-text-clr)) !important;
  fill: rgba(var(--submitbtn10-active-text-clr));
  background: transparent !important;
}
.btnTypeStyle10.zfActionbtns:hover {
   fill: rgba(var(--submitbtn10-hover-text-clr));
}
.btnTypeStyle10.zfActionbtns::after, .btnTypeStyle10.zfActionbtns::before {
  background-color: rgba(var(--submitbtn10-hover-bg-clr)) !important;
}
.btnTypeStyle10.zfActionbtns:hover em , .btnTypeStyle10.zfActionbtns:hover span, .btnTypeStyle10.zfActionbtns:hover b{
 color: rgba(var(--submitbtn10-hover-text-clr)) !important;
}
/* btn Style 10 Variables End */


/* btn Style 11 Variables */
.btnTypeStyle11.zfActionbtns {
  background-color: rgba(var(--submitbtn11-active-bg-clr)) !important;
  color: rgba(var(--submitbtn11-active-text-clr)) !important;
  fill: rgba(var(--submitbtn11-active-text-clr));
}
.btnTypeStyle11.zfActionbtns:hover {
   fill: rgba(var(--submitbtn11-hover-text-clr));
}
.btnTypeStyle11.zfActionbtns:hover em, .btnTypeStyle11.zfActionbtns:hover span  {
  color: rgba(var(--submitbtn11-hover-text-clr)) !important;
}
.btnTypeStyle11.zfActionbtns:hover b {
  color: rgba(var(--submitbtn11-hover-text-clr)) !important;
}
.btnTypeStyle11.zfActionbtns:before {
  background: rgba(var(--submitbtn11-hover-bg-clr)) !important;
}
/* btn Style 11 Variables end */

/* btn Style 12 Variables */
.btnTypeStyle12.zfActionbtns {
  color: rgba(var(--submitbtn12-active-text-clr)) !important;
  fill: rgba(var(--submitbtn12-active-text-clr));
  background: rgba(var(--submitbtn12-active-bg-clr)) !important;
}

.btnTypeStyle12.zfActionbtns::before {
  background-color: rgba(var(--submitbtn12-hover-bg-clr)) !important;
}

.btnTypeStyle12.zfActionbtns:hover {
  color: rgba(var(--submitbtn12-hover-text-clr)) !important;
   fill: rgba(var(--submitbtn12-hover-text-clr));
}
/* btn Style 12 Variables end*/


/* btn Style 13 Variables*/
.btnTypeStyle13.zfActionbtns{
  border: 1px solid rgba(var(--submitbtn13-active-bdr-clr));
  color: rgba(var(--submitbtn13-active-text-clr)) !important;
  fill: rgba(var(--submitbtn13-active-text-clr));
  background: transparent !important;
}

.btnTypeStyle13.zfActionbtns:hover {
  background: rgba(var(--submitbtn13-hover-bg-clr)) !important;
  color: rgba(var(--submitbtn13-hover-text-clr)) !important;
  fill: rgba(var(--submitbtn13-hover-text-clr));
}

/* btn Style 13 Variables end*/

/* btn Style 14 Variables*/
.btnTypeStyle14.zfActionbtns {
  background: rgba(var(--submitbtn14-active-bg-clr)) !important;
  border: 2px solid rgba(var(--submitbtn14-active-bdr-clr));
  color: rgba(var(--submitbtn14-active-text-clr)) !important;
  fill: rgba(var(--submitbtn14-active-text-clr));
}

.btnTypeStyle14.zfActionbtns:before {
  background-color: rgba(var(--submitbtn14-hover-bg-clr)) !important;
}

.btnTypeStyle14.zfActionbtns:hover, .btnTypeStyle14.zfActionbtns:focus {
  color: rgba(var(--submitbtn14-hover-text-clr)) !important;
  fill: rgba(var(--submitbtn14-hover-text-clr));
}
/* btn Style 14 Variables End*/


/* btn Style 15 Variables*/
.btnTypeStyle15.zfActionbtns {
  border: 3px solid rgba(var(--submitbtn15-active-bdr-clr));
  background: rgba(var(--submitbtn15-active-bg-clr)) !important;
  color: rgba(var(--submitbtn15-active-text-clr)) !important;
  fill: rgba(var(--submitbtn15-active-text-clr));
}
.btnTypeStyle15.zfActionbtns:hover {
  color: rgba(var(--submitbtn15-hover-text-clr)) !important;
   fill: rgba(var(--submitbtn15-hover-text-clr));
}

.btnTypeStyle15.zfActionbtns:hover::after,
.btnTypeStyle15.zfActionbtns:hover::before {
  border-color: rgba(var(--submitbtn15-hover-bdr-clr)) !important;
}
/* btn Style 15 Variables End*/

/* btn Style 16 Variables*/
.btnTypeStyle16.zfActionbtns {
    color: rgba(var(--submitbtn16-active-text-clr)) !important;
}
.btnTypeStyle16.zfActionbtns::before {
    background: rgba(var(--submitbtn16-active-bg-clr)) !important;
}
.btnTypeStyle16.zfActionbtns:hover::before {
    background: rgba(var(--submitbtn16-active-bg-clr)) !important;
}
/* btn Style 16 Variables End*/

/* btn Style 17 Variables*/

.btnTypeStyle17.zfActionbtns {
    color: rgba(var(--submitbtn17-active-text-clr)) !important;
}
.btnTypeStyle17.zfActionbtns:after {
  background-color: rgba(var(--submitbtn17-active-bg-clr)) !important;
}
.btnTypeStyle17.zfActionbtns:before {
  background-color: rgba(var(--submitbtn17-hover-bg-clr)) !important;
}
.btnTypeStyle17.zfActionbtns:hover {
  color: rgba(var(--submitbtn17-active-text-clr)) !important;
}
/* btn Style 17 Variables end*/

/* btn Style 18 Variables*/
.btnTypeStyle18.zfActionbtns::before {
    background: rgba(var(--submitbtn18-active-bg-clr)) !important;
}
.btnTypeStyle18.zfActionbtns::after {
    border: 1px solid rgba(var(--submitbtn18-active-bdr-clr));
}
.btnTypeStyle18.zfActionbtns em, .btnTypeStyle18.zfActionbtns span {
    color: rgba(var(--submitbtn18-active-text-clr)) !important;
}
/* btn Style 18 Variables end*/

/* btn Style 19 Variables */
.btnTypeStyle19.zfActionbtns {
    color: rgba(var(--submitbtn19-active-text-clr)) !important;
    border: 2px solid rgba(var(--submitbtn19-active-bdr-clr));
    background: transparent !important;
    fill: rgba(var(--submitbtn19-active-text-clr));
}

.btnTypeStyle19.zfActionbtns:hover {
   color: rgba(var(--submitbtn19-hover-text-clr)) !important;
   fill:  rgba(var(--submitbtn19-hover-text-clr));
}
.btnTypeStyle19.zfActionbtns:after {
    background: rgba(var(--submitbtn19-hover-bg-clr)) !important;
}
/* btn Style 19 Variables end*/

/* btn Style 20 Variables */
.btnTypeStyle20.zfActionbtns {
    color: rgba(var(--submitbtn20-active-text-clr)) !important;
    border: 2px solid rgba(var(--submitbtn20-active-bdr-clr));
    background: transparent !important;
    fill: rgba(var(--submitbtn20-active-text-clr));
}
.btnTypeStyle20.zfActionbtns:after {
    background: rgba(var(--submitbtn20-hover-bg-clr)) !important;
}
.btnTypeStyle20.zfActionbtns:hover {
    color: rgba(var(--submitbtn20-hover-text-clr)) !important;
    fill: rgba(var(--submitbtn20-hover-text-clr));
}
/* btn Style 20 Variables End */


/* btn Style 21 Variables */
.btnTypeStyle21.zfActionbtns {
    color: rgba(var(--submitbtn21-active-text-clr)) !important;
    border: 2px solid rgba(var(--submitbtn21-active-bdr-clr));
    background: transparent !important;
    fill: rgba(var(--submitbtn21-active-text-clr));
}
.btnTypeStyle21.zfActionbtns:after {
    background: rgba(var(--submitbtn21-hover-bg-clr)) !important;
}
.btnTypeStyle21.zfActionbtns:hover {
    color: rgba(var(--submitbtn21-hover-text-clr)) !important;
    fill: rgba(var(--submitbtn21-hover-text-clr));
}
/* btn Style 21 Variables End */

/* btn Style 22 Variables */
.btnTypeStyle22.zfActionbtns {
    color: rgba(var(--submitbtn22-active-text-clr)) !important;
    border: 2px solid rgba(var(--submitbtn22-active-bdr-clr));
    background: transparent !important;
     fill: rgba(var(--submitbtn22-active-text-clr));
}
.btnTypeStyle22.zfActionbtns:after {
    background: rgba(var(--submitbtn22-hover-bg-clr)) !important;
}
.btnTypeStyle22.zfActionbtns:hover {
    color: rgba(var(--submitbtn22-hover-text-clr)) !important;
    fill: rgba(var(--submitbtn22-hover-text-clr));
}
/* btn Style 22 Variables End*/

/* btn Style 23 Variables */
.btnTypeStyle23.zfActionbtns {
    color: rgba(var(--submitbtn23-active-text-clr)) !important;
    border: 2px solid rgba(var(--submitbtn23-active-bdr-clr));
    background: transparent !important;
    fill: rgba(var(--submitbtn23-active-text-clr));
}
.btnTypeStyle23.zfActionbtns:after {
    border: 3px solid rgba(var(--submitbtn23-active-bdr-clr));
}
.btnTypeStyle23.zfActionbtns:hover em {
      color: rgba(var(--submitbtn23-hover-text-clr)) !important;
}
.btnTypeStyle23.zfActionbtns:hover {
    fill: rgba(var(--submitbtn23-hover-text-clr));
}
/* btn Style 23 Variables End*/

/* btn Style 24 Variables */
.btnTypeStyle24.zfActionbtns {
    color: rgba(var(--submitbtn24-active-text-clr)) !important;
    fill: rgba(var(--submitbtn24-active-text-clr));
    border: 2px solid rgba(var(--submitbtn24-active-bdr-clr));
    background: transparent !important;
}
.btnTypeStyle24.zfActionbtns:after {
    border: 3px solid rgba(var(--submitbtn24-active-bdr-clr));
}
.btnTypeStyle24.zfActionbtns:hover em {
      color: rgba(var(--submitbtn24-hover-text-clr)) !important;
}
.btnTypeStyle24.zfActionbtns:hover {
    fill: rgba(var(--submitbtn24-hover-text-clr));
}
/* btn Style 24 Variables End*/

/* btn Style 25 Variables */
.btnTypeStyle25.zfActionbtns {
    color: rgba(var(--submitbtn25-active-text-clr)) !important;
    fill: rgba(var(--submitbtn25-active-text-clr));
    border: 2px solid rgba(var(--submitbtn25-active-bdr-clr));
    background: transparent !important;
}
.btnTypeStyle25.zfActionbtns:after {
    border: 3px solid rgba(var(--submitbtn25-active-bdr-clr));
}
.btnTypeStyle25.zfActionbtns:hover em {
      color: rgba(var(--submitbtn25-hover-text-clr)) !important;
}
.btnTypeStyle25.zfActionbtns:hover {
     fill: rgba(var(--submitbtn25-hover-text-clr));
}
/* btn Style 25 Variables End*/

/* btn Style 26 Variables */
.btnTypeStyle26.zfActionbtns {
    color: rgba(var(--submitbtn26-active-text-clr)) !important;
    fill: rgba(var(--submitbtn26-active-text-clr));
    border: 2px solid rgba(var(--submitbtn26-active-bdr-clr));
    background: transparent !important;
}
.btnTypeStyle26.zfActionbtns:after {
    border: 3px solid rgba(var(--submitbtn26-active-bdr-clr));
}
.btnTypeStyle26.zfActionbtns:hover em {
      color: rgba(var(--submitbtn26-hover-text-clr)) !important;
}
.btnTypeStyle26.zfActionbtns:hover {
    fill: rgba(var(--submitbtn26-hover-text-clr));
}
/* btn Style 26 Variables End*/

/* btn Style 27 Variables */
.btnTypeStyle27.zfActionbtns {
    color: rgba(var(--submitbtn27-active-text-clr)) !important;
    fill: rgba(var(--submitbtn27-active-text-clr));
    border: 2px solid rgba(var(--submitbtn27-active-bdr-clr));
    background: transparent !important;
}
.btnTypeStyle27.zfActionbtns:before {
    color: rgba(var(--submitbtn27-hover-text-clr)) !important;
    background: rgba(var(--submitbtn27-hover-bg-clr)) !important;
}

.btnTypeStyle27.zfActionbtns:hover {
     color: rgba(var(--submitbtn27-hover-text-clr)) !important;
     fill: rgba(var(--submitbtn27-hover-text-clr));
}
/* btn Style 27 Variables End*/

/* btn Style 28 Variables */
.btnTypeStyle28.zfActionbtns {
    color: rgba(var(--submitbtn28-active-text-clr)) !important;
    fill: rgba(var(--submitbtn28-active-text-clr));
    border: 2px solid rgba(var(--submitbtn28-active-bdr-clr));
    background: transparent !important;
}
.btnTypeStyle28.zfActionbtns:before {
    color: rgba(var(--submitbtn28-hover-text-clr)) !important;
    background: rgba(var(--submitbtn28-hover-bg-clr)) !important;
}
.btnTypeStyle28.zfActionbtns:hover {
    color: rgba(var(--submitbtn28-hover-text-clr)) !important;
    fill: rgba(var(--submitbtn28-hover-text-clr));
}
/* btn Style 28 Variables End*/

/* btn Style 29 Variables */
.btnTypeStyle29.zfActionbtns {
    color: rgba(var(--submitbtn29-active-text-clr)) !important;
    fill: rgba(var(--submitbtn29-active-text-clr));
    border: 2px solid rgba(var(--submitbtn29-active-bdr-clr));
    background: transparent !important;
}
.btnTypeStyle29.zfActionbtns:before {
    color: rgba(var(--submitbtn29-hover-text-clr)) !important;
    background: rgba(var(--submitbtn29-hover-bg-clr)) !important;
}
.btnTypeStyle29.zfActionbtns:hover {
    color: rgba(var(--submitbtn29-hover-text-clr)) !important;
    fill: rgba(var(--submitbtn29-hover-text-clr));
}
/* btn Style 29 Variables End*/

/* btn Style 30 Variables */
.btnTypeStyle30.zfActionbtns {
    color: rgba(var(--submitbtn30-active-text-clr)) !important;
    fill: rgba(var(--submitbtn30-active-text-clr));
    border: 2px solid rgba(var(--submitbtn30-active-bdr-clr));
    background: transparent !important;
}
.btnTypeStyle30.zfActionbtns:before {
    color: rgba(var(--submitbtn30-hover-text-clr)) !important;
    background: rgba(var(--submitbtn30-hover-bg-clr)) !important;
}
.btnTypeStyle30.zfActionbtns:hover {
    color: rgba(var(--submitbtn30-hover-text-clr)) !important;
    fill: rgba(var(--submitbtn30-hover-text-clr));
}
/* btn Style 30 Variables End*/

/* btn Style 31 Variables */
.btnTypeStyle31.zfActionbtns {
  background: transparent !important;
    background-color: rgba(var(--submitbtn31-active-bg-clr)) !important;
    color: rgba(var(--submitbtn31-active-text-clr)) !important;
    border: 2px solid rgba(var(--submitbtn31-active-bdr-clr));
    fill: rgba(var(--submitbtn31-active-text-clr)) !important;
}
.btnTypeStyle31.zfActionbtns:after {
    background-image: repeating-linear-gradient(45deg, rgba(var(--submitbtn31-active-bdr-clr)), rgba(var(--submitbtn31-active-bdr-clr)) 1px, transparent 2px, transparent 5px) !important;
    border-top: 1px solid rgba(var(--submitbtn31-active-bdr-clr));
}
.btnTypeStyle31.zfActionbtns:hover {
    background-color: rgba(var(--submitbtn31-hover-bg-clr)) !important;
    color: rgba(var(--submitbtn31-hover-text-clr)) !important;
     fill: rgba(var(--submitbtn31-hover-text-clr)) !important;
    border-color: rgba(var(--submitbtn31-hover-bdr-clr));
}
.btnTypeStyle31.zfActionbtns:hover:after {
    background-image: repeating-linear-gradient(45deg, rgba(var(--submitbtn31-hover-text-clr)), rgba(var(--submitbtn31-hover-text-clr)) 1px, transparent 2px, transparent 5px) !important;
    border-top: 1px solid rgba(var(--submitbtn31-hover-bdr-clr));
}
@keyframes modelType31 {
0% {
    background-position: 0% 0;
}

100% {
    background-position: 100% 0;
}
}

.grad_submitBtn .btnTypeStyle31.zfActionbtns {
     background: transparent !important;
}
/* btn Style 31 Variables End */







/* Default Shape CSS */
.btnType1.zfActionbtns {
  --submit-btn-radius: 0px;
  /* --save-btn-radius: 0px;
  --review-btn-radius: 0px;
  --back-btn-radius: 0px;
  --next-btn-radius: 0px;   */
}

.btnType2.zfActionbtns {
  --submit-btn-radius: 8px;
  /* --save-btn-radius: 8px;
  --review-btn-radius: 8px;
  --back-btn-radius: 8px;
  --next-btn-radius: 8px;   */
}

.zfActionbtns.btnType3 {
  --submit-btn-radius: 150px;
  /* --save-btn-radius: 150px;
  --review-btn-radius: 150px;
  --back-btn-radius: 150px;
  --next-btn-radius: 150px;   */
}