/* General Buttons */
*[data-type="button"]{text-transform:uppercase;text-decoration: none !important;display:inline-block;padding:12px 40px;border-radius:50px;text-align: center;position: relative;overflow:hidden;z-index:0;font-weight:600;letter-spacing:0.48px;}
*[data-type="button"] p{padding-bottom: 0 !important;text-align:center;white-space: nowrap;font-weight:bold;position:relative;z-index:1;}
*[data-type="button"] svg{vertical-align:middle;margin-right: 7px;}
*[data-type="button"]:hover svg{filter:invert(1) brightness(2);}
*[data-type="button"][data-theme*="default"] svg{filter:invert(1) brightness(2);}

*[data-type="button"][data-theme*="bordered"]{padding:12px 30px;}

.data-buttons.aligncenter{text-align:center;}
.data-buttons.alignright{text-align:right;}

.seoBtn a {padding: 10px 15px;}
.seoBtn a p {font-size: 12px;}

/* Bordered Type */
*[data-type="button"].theme-bordered{padding: 15px 42px;border: 3px solid;background: white;}

/* Two buttons side-by-side */
.double-button {display:flex;gap:20px;}
@media(max-width:450px){
	.double-button {display:flex;flex-direction:column; max-width:200px;}
}

/* Mobile */

@media(max-width:915px){
	*[data-type=button][data-theme*=default] span, *[data-type="button"] p{font-size:14px;}
}
@media(max-width:450px){
	*[data-type="button"]{padding:12px 30px;min-width: auto;}
	*[data-type="button"] p{white-space:normal;}
}

/* Colors */
*[data-type="button"][data-theme*="default"]{color:white;background:#ed808e;}
*[data-type="button"][data-theme*="default"]:before{content:'';width:100%;height:100%;background:#ed808e;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;transition:opacity .25s ease-out;display: block;position: absolute;opacity:0;}
*[data-type="button"][data-theme*="default"]:hover:before{opacity:1;}

*[data-type="button"][data-theme*="bordered"]{color:var(--Websafe-Green);background:transparent;}
*[data-type="button"][data-theme*="bordered"]:before{content:'';width:100%;height:100%;background:var(--Websafe-Green);top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;transition:opacity .25s ease-out;display: block;position: absolute;opacity:0;border:2px solid var(--Websafe-Green);}
*[data-type="button"][data-theme*="bordered"]:hover{color:white;}
*[data-type="button"][data-theme*="bordered"]:hover:before{opacity:1;}

*[data-type="button"][data-theme*="gray"]{background: #75717f;}
*[data-type="button"][data-theme*="gray"]:before{content:'';width:100%;height:100%;background:#75717f;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;transition:opacity .25s ease-out;display: block;position: absolute;opacity:0;}
*[data-type="button"][data-theme*="gray"]:hover:before{opacity:1;}