/* Default Button */
*[data-type="button"]{position: relative;text-decoration: none;display:inline-block;min-width:50px;padding: 20px 25px;text-transform: uppercase;font-weight: bold;z-index:0;border-radius: 8px;line-height:1em;transition:all .25s ease-in-out;}
/* *[data-type="button"][data-theme*="default"]:before,
*[data-type="button"][data-theme*="default"]:after{content:'';position:absolute;} */
*[data-type="button"]:before{width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-2;}
*[data-type="button"]:after{width:0;height:calc(100% - 4px);top:0;left:0;transition:width .25s ease-out;z-index:-1;border:2px solid;}
*[data-type="button"]:hover:after{width:calc(100% - 4px);} 
*[data-type="button"].hidden{display:none !important;}
*[data-type="button"].aligncenter{left: 50%;transform: translate(-50%);}
*[data-type="button"] span{padding-bottom: 0;font-size: 15px;font-weight: 700;letter-spacing: 1.5px;text-align:center;white-space: nowrap;}
/* *[data-type="button"][data-theme*="default"]:hover span{font-family: "kenny-future", sans-serif;font-size:19px;} */
*[data-type="button"] span:before,
*[data-type="button"] span:after{position: absolute;z-index:1;transition:background .25s ease-out, color .25s ease-out;}
*[data-type="button"] span:before{content:'';top:0;left:-1px;width:6px;height:100%;}
*[data-type="button"] span:after{content:'';top:45%;left:-4px;transform:rotate(90deg) translateY(-50%);font-size:30px;width:16px;height:9px;background-size:contain;transition:filter .25s ease-out;}

*[data-type="button"][data-theme*="green"],
*[data-type="button"][data-theme*="gray"]{padding:15px 25px;}
*[data-type="button"][data-theme*="green"] span{font-size: 14px;font-weight: 500;letter-spacing: 1.4px;}
*[data-type="button"][data-theme*="gray"] span{font-size: 14px;font-weight: 500;letter-spacing: 1.4px;}

/* Colors */
*[data-type="button"][data-theme*="default"]{border: 1px solid #FF632F;}
*[data-type="button"][data-theme*="default"] span{color: white;transition:color .25s;}
*[data-type="button"][data-theme*="default"]:before{background:var(--blue-2);}
*[data-type="button"][data-theme*="default"]:after{background:white;border-color:var(--blue-4);}
*[data-type="button"][data-theme*="default"] span:before{background:var(--yellow-1);}
*[data-type="button"][data-theme*="default"] span:after{color:var(--yellow-1);}

*[data-type="button"][data-theme*="default"]:hover span{color: #FF632F; /* line-height: 26px; */ }
*[data-type="button"][data-theme*="default"]:hover span:before{background:var(--blue-4);}
*[data-type="button"][data-theme*="default"]:hover span:after{filter: invert(68%) sepia(98%) saturate(483%) hue-rotate(161deg) brightness(146%) contrast(96%);}


*[data-type="button"][data-theme*="green"]{background: var(--Websafe-Teal);box-shadow:none !important;border:0 !important;}
*[data-type="button"][data-theme*="green"] span{color:white;}

*[data-type="button"][data-theme*="green"]:hover{background:#023f44;}

*[data-type="button"][data-theme*="gray"]{border: 1px solid var(--Brand-Teal) !important;background: rgba(255, 255, 255, 0.47);box-shadow:none !important;}
*[data-type="button"][data-theme*="gray"] span{color:#202322;}
*[data-type="button"][data-theme*="gray"] svg path{fill:var(--Brand-Teal);}

*[data-type="button"][data-theme*="gray"]:hover{background:var(--Brand-Teal);}
*[data-type="button"][data-theme*="gray"]:hover span{color:white;}
*[data-type="button"][data-theme*="gray"]:hover svg path{fill:white;}

@media(width < 781px){
	*[data-type="button"] span{white-space:wrap;}
}