/****************************************************************************************************************************************
							
															 Button Element
													
*******************************************************************************************************************************************/
.sao-all-btn {
 	     text-align: var(--sao-ag,center);

}
 .sao-all-btn [class*='sao-btn'] {
	margin:0em calc(var(--sao-btn-gt,0px) / 2) 0;
 }
[class*='sao-btn'] {
    overflow: hidden;
	text-decoration: none;
	     display: inline-block;
 
     position: relative;
     vertical-align: top;
    z-index: 1;
	line-height:1em;
	  transition: var(--sao-tr) ;
   	color:var(--sao-btn-cr,var(--sao-prm-cr)) !important;
 
	padding:var(--sao-btn-pd,1em 2.5em) ;
	margin:var(--sao-btn-mg-tp,var(--sao-mg-tp)) auto 0;
 
  	font-size:var(--sao-btn-fn-sz,15px);
	font-weight:var(--sao-btn-fn-wt,500);
	font-style:var(--sao-btn-fn-st);
   
	
}
[class*='sao-btn']:hover,
[class*='sao-boxed-item']:hover [class*='sao-btn'],
[class*='sao-boxed-multi'] .sao-item:hover [class*='sao-btn']{
 	transition:var(--sao-tr);
   	color:var(--sao-hv-btn-cr,var(--sao-btn-cr)) !important;
 }
 
[class*='sao-btn']::before{
	font-size:1em;
 	line-height:0em;
		transition:var(--sao-tr);

   	color:var(--sao-btn-icn-cr);
 	vertical-align:middle;
	padding:var(--sao-btn-icn-pd);
	margin: var(--sao-btn-icn-mg,0 0 0 0.5em);
	background:var(--sao-btn-bg-sn);	
		border-radius:var(--sao-btn-rd);	

 }
[class*='sao-btn']:hover::before{
   	color:var(--sao-hv-btn-icn-cr,var(--sao-hv-icn-cr));
	background:var(--sao-hv-btn-bg-sn,var(--sao-btn-bg-sn));	
}

[class*='sao-btn']:after {
	z-index:-1;
     position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    right: 0px;
			transition:var(--sao-tr);

    top: 0px;		 
  transition:  all 0.35s ease-out ;
 	box-sizing: border-box;
   	background:var(--sao-btn-bg);
   	box-shadow:var(--sao-btn-sd);
	border:var(--sao-btn-br);
	border-radius:var(--sao-btn-rd);	
	
}
[class*='sao-btn']:hover:after,
[class*='sao-boxed-item']:hover [class*='sao-btn']:after,
[class*='sao-boxed-multi'] .sao-item:hover [class*='sao-btn']:after {
 
   	background:var(--sao-hv-btn-bg,var(--sao-btn-bg));
 	border:var(--sao-hv-btn-br,var(--sao-btn-br)) ;
 
}
 
.sao-all-btn-icon-left [class*='sao-btn']{
	direction:ltr;
	
}
.sao-all-btn-icon-left [class*='sao-btn']::before{
		margin: var(--sao-btn-icn-mg,0 0.5em 0 0);

}

  
/*
.sao-btn:hover:after,
*:hover .sao-btn::after,
 *:hover .sao-btn::before{
		transition: all 0.35s ease-out ;
 
} 
 */
 @media (max-width: 1199px) {
	 [class*='sao-btn']{
 		     --sao-btn-fn-sz:13px;

	 }
	 body [class^='sao-el-']:not(.sao-all-btn) .sao-btn{
	margin-top:var(--sao-mg-tp) !important;
}
 }
 
@media (max-width: 400px) {
body .sao-all-btn a[class*='sao-btn-']{
 	margin-bottom:20px !important;
}
 
 
}