/* Default Button */
*[data-type="button"]{position: relative;text-decoration: none;display:inline-block;min-width:50px;padding: 16px 23px;text-transform: uppercase;font-weight: bold;z-index:0;border-radius: 100px;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: 500;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: 50%;left:50%;transform:translate(-50%,-50%);width: 100%;height: 100%;border-radius:50px;border:0;transition:border .15s ease-in-out;}
*[data-type="button"] span:after{}

*[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 #FD5081;background: linear-gradient(45deg, #DC3545 0%, #AA1A28 50%, #DC3545 100%);}
*[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{text-decoration:none !important;}
*[data-type="button"][data-theme*="default"]:hover span{}
*[data-type="button"][data-theme*="default"]:hover span:before{border:5px double #ab7484;}
*[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;}

.btn-p.aligncenter{text-align:center;}
.btn-p.alignright{text-align:right;}
@media (width <= 450px){
	*[data-type="button"] span {font-size: 13px;}
}