/* Generic styling for all buttons */
.cl-btn a,
a.cl-btn, .cl-pass-btn {
   font-weight: bold;
   font-size: 14px;
   font-family: "Poppins", sans-serif;
}

.cl-btn .elementor-button-icon {
   align-items: center;
   height: 15px;
}

.cl-btn a svg {
   height: 15px;
   margin-left: 19px;
}

.cl-btn a:focus-visible, .cl-pass-btn:focus-visible {
   outline: 3px solid var(--support-activeorange);
}

.cl-btn.disabled, .cl-pass-btn:disabled {
   pointer-events: none;
}

.cl-btn.alternative a {
   background-color: var(--primary-yellow);
   color: var(--primary-darkblue);
}

.cl-btn.alternative a svg path {
   fill: var(--primary-darkblue);
}

.cl-btn.alternative a:hover {
   background-color: var(--support-hoveryellow);
}

/* Primary button */

.cl-btn-primary a,
a.cl-btn-primary, .cl-pass-btn {
   background-color: var(--secondary-orange);
   border-radius: 100px;
   padding: 13px 24px;
   color: white
}

a.cl-btn-primary, .cl-pass-btn {
   padding: 10px 24px;
}

a.cl-btn-primary img {
   top: 2px;
   position: relative;
   margin-left: 25px;
}

.cl-btn-primary:not(.alternative) a:hover,
a.cl-btn-primary:not(.alternative):hover {
   background-color: var(--support-hoverorange);
   color: white
}

.cl-btn-primary.disabled a {
   background-color: var(--secondary-disabledgray);
}

/* Secondary button */
.cl-btn-secondary a,
.cl-btn-secondary a:visited {
   background-color: white;
   border-radius: 100px;
   color: var(--secondary-orange);
   padding: 11px 21px;
   border: 2px solid var(--secondary-orange);
}

.cl-btn-secondary a svg path {
   fill: var(--secondary-orange);
   transition: 0.3s;
}

.cl-btn-secondary a:hover {
   color: var(--support-hoverorange);
   border: 2px solid var(--support-hoverorange);
}

.cl-btn-secondary a:hover svg path {
   fill: var(--support-hoverorange);
}

.cl-btn-secondary.disabled a {
   color: var(--secondary-disabledgray);
   border: 2px solid var(--secondary-disabledgray);
}

.cl-btn-secondary.disabled a svg path {
   fill: var(--secondary-disabledgray);
}

/* Tertiary button */
.cl-btn-tertiary a,
.cl-btn-tertiary a:visited {
   background: none;
   color: var(--secondary-orange);
   padding: 9px 21px;
   border-radius: 0;
}

.cl-btn-tertiary a svg path {
   fill: var(--secondary-orange);
   transition: 0.3s;
}

.cl-btn-tertiary a:hover {
   color: var(--support-hoverorange);
}

.cl-btn-tertiary a:hover svg path {
   fill: var(--support-hoverorange);
}

.cl-btn-tertiary.disabled a {
   color: var(--secondary-disabledgray);
}

.cl-btn-tertiary.disabled a svg path {
   fill: var(--secondary-disabledgray);
}

/* Hyperlinks */
.elementor-widget-text-editor p a {
   color: var(--primary-defaultblue);
   text-decoration-line: underline;
   border-radius: 0;
}

.elementor-widget-text-editor a:hover {
   color: var(--support-hoverorange);
}

.elementor-widget-text-editor a.cl-btn-primary:hover {
   color: white;
}

.elementor-widget-text-editor a:focus {
   outline: 3px solid var(--support-activeorange);
}

/* FacetWP - reset button */
button.facetwp-reset {
   background-color: var(--secondary-orange);
   font-weight: bold;
   border-radius: 200px;
   color: white;
   border: none;
   font-family: Poppins;
   padding: 10px 20px;
   font-size: 14px;
}

button.facetwp-reset:hover {
   background-color: var(--support-hoverorange);
}

/* Button in single post */
.elementor-widget-theme-post-content a.wp-block-button__link {
   background-color: var(--secondary-orange);
   border-radius: 100px;
   padding: 20px 24px;
   color: white;
   font-weight: bold;
   font-family: Poppins;
   font-size: 14px;
   line-height: 1px;
   transition: 0.2s;
}

.elementor-widget-theme-post-content a.wp-block-button__link:hover {
   background-color: var(--support-hoverorange);
}