/* GENERAL
--------------------------------------------------- */
.wp-block-button a,
.px-button .px-button-link {
display: inline-block;
font-size: 17px;
font-weight: 700;
text-decoration: none;
border-radius:30px;
transition: all 0.2s ease-in-out;
line-height: 1;
cursor: pointer;
letter-spacing: 1px;
min-height:50px;
}

@media (min-width : 1025px) {.wp-block-button a,
.px-button .px-button-link {
padding: 15px 60px;
}
} /* End @media */
@media (min-width : 992px) and (max-width : 1024px) {.wp-block-button a,
.px-button .px-button-link {
padding: 15px 60px;
}
} /* End @media */
@media (max-width : 992px) {.wp-block-button a,
.px-button .px-button-link {
padding: 15px 40px;
}
} /* End @media */
/* BUTTON POPUP
--------------------------------------------------- */
.px-button-popup {
position: fixed;
max-width: 1300px;
display:none;
border-radius:30px;
background: white;
text-align:left;
width: 80%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
padding: 3rem 4rem;
z-index:99999999999999999999999999999999999999;
-webkit-box-shadow:  0px 0px 0px 9999px rgba(0, 0, 0, 0.5);
box-shadow:  0px 0px 0px 9999px rgba(0, 0, 0, 0.5);
overflow:hidden;
}

.px-popup-off-screen-height {
height:80%;
padding-bottom:0px !important;
}

.px-button-popup .px-button-popup-inner {
margin-bottom:30px;
overflow-y: scroll;
position:relative;
height:100%;
}

.px-button-popup .px-button-popup-inner::-webkit-scrollbar {
display:none !important;
}

.px-button-popup .px-button-popup-content-wrap strong {
color:#70A7A3;
}

.px-button-popup .px-button-popup-close-icon {
position: absolute;
top: 20px;
cursor:pointer;
right: 20px;
line-height:1;
border-radius:30px;
background:#E95E2E;
height:40px;
width:40px;
text-align:center;
}

.px-button-popup .px-button-popup-close-icon svg {
width:20px;
height:20px;
position:relative;
top:9px;
}

.px-button-popup .px-button-popup-content-wrap img {
border-radius:10px;
width:100%;
height:400px;
object-fit:cover;
margin:20px 0px;
}

html.px-button-popup-open {
overflow-y: hidden;
}

html.px-button-popup-open header {
display:none !important;
}

@media (max-width : 767px) {.px-button-popup {
width:90%;
padding:40px;
padding-top:60px;
}

.px-button-popup .px-button-popup-content-wrap img {
height:250px;
}

.px-popup-off-screen-height {
height:90%;
}
} /* End @media */


/* HIGHTLIGHT BORDER COLOR
--------------------------------------------------- */
.px-button.button-style-highlight-border .px-button-link {
background-color: white;
color: #E95E2E;
border: 1px solid #E95E2E;
}

.px-button.button-style-highlight-border .px-button-link:active,
.px-button.button-style-highlight-border .px-button-link:focus,
.px-button.button-style-highlight-border .px-button-link:hover {
color: white;
background-color: #E95E2E;
border: 1px solid #E95E2E;
}

/* HIGHTLIGHT COLOR
--------------------------------------------------- */
.wp-block-button a,
.px-button.button-style-highlight .px-button-link {
color: white;
background-color: #E95E2E;
border: 1px solid #E95E2E;
}

.px-button.button-style-highlight .px-button-link:active,
.px-button.button-style-highlight .px-button-link:focus,
.px-button.button-style-highlight .px-button-link:hover {
color: #E95E2E;
background-color: white;
border: 1px solid #E95E2E;
}

/* HIGHTLIGHT COLOR WITH WHITE BORDER
--------------------------------------------------- */
.px-button.button-style-highlight-white-border .px-button-link {
color: white;
background-color: #E95E2E;
border: 1px solid #E95E2E;
}

.px-button.button-style-highlight-white-border .px-button-link:active,
.px-button.button-style-highlight-white-border .px-button-link:focus,
.px-button.button-style-highlight-white-border .px-button-link:hover {
color: #E95E2E;
background-color: white;
border: 1px solid white;
}

/* WHITE TRANSPARENT COLOR
--------------------------------------------------- */
.px-button.button-style-white-transparent .px-button-link {
color: white;
background-color: transparent;
border: 1px solid white;
}

.px-button.button-style-white-transparent .px-button-link:active,
.px-button.button-style-white-transparent .px-button-link:focus,
.px-button.button-style-white-transparent .px-button-link:hover {
color: #E95E2E;
background-color: white;
border: 1px solid white;
}

/* PRIMARY COLOR
--------------------------------------------------- */
.px-button.button-style-primary .px-button-link {
color: white;
background-color: #005B9A;
border: 1px solid #005B9A;
}

.px-button.button-style-primary .px-button-link:active,
.px-button.button-style-primary .px-button-link:focus,
.px-button.button-style-primary .px-button-link:hover {
color: white;
background-color: #E95E2E;
border: 1px solid #E95E2E;
}

/* MOBILE
--------------------------------------------------- */
@media (max-width : 767px) {
.px-button-popup- {
width: 90%;
padding: 3rem 1.5rem;
}

} /* End @media */
/* GUTENBERG WP BLOCK BUTTON
--------------------------------------------------- */
.wp-block-button a {
color: white !important;
font-weight: 700 !important;
text-decoration: none !important;
margin-bottom: 25px;
}

.wp-block-button a::after {
display: none !important;
}