/* #### Buttons #### */

/* Buttons */
.wp-block-button {
    font-size: 0;
    font-family: var(--btn-font-family);
    flex: initial;
    line-height: 1.3;
}

.btn,
.front input[type="button"]:not(.components-button),
.front input[type="reset"]:not(.components-button),
.front input[type="submit"]:not(.components-button),
.front button[type="submit"]:not(.components-button),
.wp-block-file .wp-block-file__button,
.wp-block-button__link {
    --cb-bg-color-flat: var(--btn-bg-color-flat);
    --cb-bg-color: var(--btn-bg-color);
    --cb-bg-color-hover: var(--btn-bg-color-hover);
    --cb-text-color: var(--btn-text-color);
    --cb-text-color-hover: var(--btn-text-color);
    --cb-border-color: var(--btn-bg-color);
    --cb-border-color-hover: var(--btn-bg-color-hover);
    --cb-box-shadow: var(--btn-box-shadow);
    --cb-box-shadow-hover: var(--btn-box-shadow-hover);

    position: relative;
    display: inline-block;
    text-transform: unset;
    font-size: var(--btn-font-size);
    font-family: var(--btn-font-family);
    font-weight: var(--btn-font-weight, 700);
    color: var(--cb-text-color);
    border-radius: var(--btn-border-radius);
    background: var(--cb-bg-color-flat);
    background: var(--cb-bg-color);
    padding: var(--btn-df-padding, 1.4rem 2.8rem);
    line-height: var(--btn-df-line-height);
    min-height: var(--btn-df-min-height, 5rem);
    text-transform: var(--btn-text-transform, none);
    white-space: normal;
    box-shadow: var(--cb-box-shadow);
    border: none;
    text-decoration: none;
    text-align: center;
    transition: var(--btn-transition);
    cursor: pointer;
    overflow: hidden;
}

.btn:is(:focus, :active, :hover),
.front input[type="button"]:not(.components-icon-button):is(:hover, :active, :focus),
.front input[type="reset"]:not(.components-icon-button):is(:hover, :active, :focus),
.front input[type="submit"]:not(.components-icon-button):is(:hover, :active, :focus),
.btn.active:focus,
.btn.btn-cta:is(:hover, :active, :focus),
.front button[type="submit"]:not(.components-icon-button):is(:hover, :active, :focus),
.wp-block-file .wp-block-file__button:is(:hover, :active, :focus),
.btn.btn-stroked:is(:hover, :active, :focus),
.btn-stroked .wp-block-button__link:is(:hover, :active, :focus),
.btn-stroked.gray .wp-block-button__link:is(:hover, :active, :focus),
.wp-block-button>.wp-block-button__link:is(:hover, :active, :focus),
.wp-block-button.is-style-outline>.wp-block-button__link:is(:hover, :active, :focus),
.wp-block-button.is-style-outline>.wp-block-button__link:is(:hover, :active, :focus) .btn.toggled,
.btn.btn-stroked.toggled,
.btn.btn-is-active,
.btn.btn-stroked.btn-is-active {
    background: var(--cb-bg-color-hover);
    border-color: var(--cb-border-color-hover);
    color: var(--cb-text-color-hover);
    box-shadow: var(--cb-box-shadow-hover);

    outline: inherit;
    text-decoration: none;
}

.btn:focus-visible,
.front input[type="button"]:focus-visible,
.front input[type="reset"]:focus-visible,
.front input[type="submit"]:focus-visible,
.front button:focus-visible,
.wp-block-file .wp-block-file__button:focus-visible,
.wp-block-button__link:focus-visible {
    outline: var(--df-outline-style) !important;
}

.btn.size-md,
.wp-block-button__link.size-md {
    height: 4.2rem !important;
    padding-top: .8rem !important;
    padding-bottom: .7rem !important;
    min-width: 12rem;
}

.btn.btn-stroked,
.btn-stroked .wp-block-button__link,
.wp-block-button.is-style-outline>.wp-block-button__link,
.has-stroked-btn>a,
.mailpoet_form .mailpoet_submit {
    --cb-bg-color: none;
    --cb-box-shadow: none;
    --cb-box-shadow-hover: none;
    --cb-text-color: var(--cb-bg-color-flat);

    border: var(--btn-border-width) solid var(--cb-border-color);
    line-height: var(--btn-stroked-line-height);
    color: var(--cb-text-color);
    overflow: hidden;
    box-shadow: var(--cb-box-shadow);
}

.btn.btn-stroked:is(:active, :focus):after,
.btn-stroked .wp-block-button__link:is(:active, :focus):after,
.wp-block-button.is-style-outline>.wp-block-button__link:is(:active, :focus):after,
.has-stroked-btn>a:is(:hover, :focus)::after {
    display: none !important;
}

.wp-block-button.is-style-outline>.wp-block-button__link:focus,
.is-style-outline>.wp-block-button__link:not(.has-text-color):focus {
    color: var(--cb-text-color-hover) !important;
}

.btn.btn-stroked.gray,
.btn-stroked.gray .wp-block-button__link,
.is-style-outline.gray .wp-block-button__link,
.has-stroked-btn.gray>a,
.mailpoet_form .mailpoet_submit {
    --cb-text-color: var(--text-color);
    --cb-border-color: #e5ebf3;
    --cb-bg-color-hover: #e5ebf3;
    --cb-border-color-hover: #e5ebf3;
}

.btn.btn-stroked.white,
.has-stroked-btn.white>a,
.btn-stroked.white .wp-block-button__link,
.is-style-outline.white .wp-block-button__link {
    --cb-border-color: #fff;
    --cb-text-color: #fff;
    --cb-bg-color-hover: #fff;
    --cb-text-color-hover: var(--btn-text-color);
    --cb-border-color-hover: #fff;
}

.btn.btn-stroked.white:after,
.btn-stroked.white .wp-block-button__link:after {
    background-color: var(--cb-text-color);
}

.btn.btn-stroked.white:is(:hover, :focus, :active),
.has-stroked-btn.white>a:is(:hover, :focus, :active),
.btn-stroked.white .wp-block-button__link:is(:hover, :focus, :active),
.is-style-outline.white .wp-block-button__link:is(:hover, :focus, :active) {
    --cb-text-color-hover: var(--dark-bg-color);
}

.btn.btn-stroked.dark,
.has-stroked-btn.dark>a,
.btn-stroked.dark .wp-block-button__link,
.is-style-outline.dark .wp-block-button__link {
    --cb-text-color: var(--dark-bg-color);
    --cb-border-color: var(--dark-bg-color);
    --cb-bg-color-hover: var(--dark-bg-color);
    --cb-text-color-hover: var(--dark-bg-text-color);
    --cb-border-color-hover: var(--dark-bg-color);
}

.btn.btn-yellow,
.btn-yellow .wp-block-button__link {
    --cb-bg-color: var(--yellow-btn-bg-color);
    --cb-text-color: var(--yellow-btn-text-color);
    --cb-bg-color-hover: var(--yellow-btn-bg-color-hover);
    --cb-text-color-hover: var(--yellow-btn-text-color);
    --cb-border-color: var(--yellow-btn-bg-color);
    --cb-border-color-hover: var(--yellow-btn-bg-color);
    --cb-box-shadow: var(--yellow-btn-bg-box-shadow);
    --cb-box-shadow-hover: var(--yellow-btn-bg-box-shadow-hover);
}

.btn.btn-orange,
.btn-orange .wp-block-button__link,
.btn.btn-cta {
    --cb-bg-color: var(--orange-btn-bg-color);
    --cb-text-color: var(--orange-btn-text-color);
    --cb-bg-color-hover: var(--orange-btn-bg-color-hover);
    --cb-text-color-hover: var(--orange-btn-text-color);
    --cb-border-color: var(--orange-btn-bg-color);
    --cb-border-color-hover: var(--orange-btn-bg-color);
    --cb-box-shadow: var(--orange-btn-bg-box-shadow);
    --cb-box-shadow-hover: var(--orange-btn-bg-box-shadow-hover);
}

.btn.btn-green,
.btn-green .wp-block-button__link,
.tab-navigation .btn.nav-item.active {
    --cb-bg-color: var(--green-btn-bg-color);
    --cb-text-color: var(--green-btn-text-color);
    --cb-bg-color-hover: var(--green-btn-bg-color-hover);
    --cb-text-color-hover: var(--green-btn-text-color);
    --cb-border-color: var(--green-btn-bg-color);
    --cb-border-color-hover: var(--green-btn-bg-color);
    --cb-box-shadow: var(--green-btn-bg-box-shadow);
    --cb-box-shadow-hover: var(--green-btn-bg-box-shadow-hover);
}

.btn.btn-blue,
.btn-blue .wp-block-button__link,
.tab-navigation .btn.nav-item.active {
    --cb-bg-color: var(--blue-btn-bg-color);
    --cb-text-color: var(--blue-btn-text-color);
    --cb-bg-color-hover: var(--blue-btn-bg-color-hover);
    --cb-text-color-hover: var(--blue-btn-text-color);
    --cb-border-color: var(--blue-btn-bg-color);
    --cb-border-color-hover: var(--blue-btn-bg-color);
    --cb-box-shadow: var(--blue-btn-bg-box-shadow);
    --cb-box-shadow-hover: var(--blue-btn-bg-box-shadow-hover);
}

.btn.btn-dark-blue,
.btn-dark-blue .wp-block-button__link {
    --cb-bg-color: var(--dark-blue-btn-bg-color);
    --cb-text-color: var(--dark-blue-btn-text-color);
    --cb-bg-color-hover: var(--dark-blue-btn-bg-color-hover);
    --cb-text-color-hover: var(--dark-blue-btn-text-color);
    --cb-border-color: var(--dark-blue-btn-bg-color);
    --cb-border-color-hover: var(--dark-blue-btn-bg-color);
    --cb-box-shadow: var(--dark-blue-btn-bg-box-shadow);
    --cb-box-shadow-hover: var(--dark-blue-btn-bg-box-shadow-hover);
}

.btn.btn-dark,
.btn-dark .wp-block-button__link {
    --cb-bg-color: var(--dark-btn-bg-color);
    --cb-text-color: var(--dark-btn-text-color);
    --cb-bg-color-hover: var(--dark-btn-bg-color-hover);
    --cb-text-color-hover: var(--dark-btn-text-color);
    --cb-border-color: var(--dark-btn-bg-color);
    --cb-border-color-hover: var(--dark-btn-bg-color);
    --cb-box-shadow: var(--dark-btn-bg-box-shadow);
    --cb-box-shadow-hover: var(--dark-btn-bg-box-shadow-hover);
}

.btn.btn-gray,
.btn-gray .wp-block-button__link {
    --cb-bg-color: var(--gray-btn-bg-color);
    --cb-text-color: var(--gray-btn-text-color);
    --cb-bg-color-hover: var(--gray-btn-bg-color-hover);
    --cb-text-color-hover: var(--gray-btn-text-color);
    --cb-border-color: var(--gray-btn-bg-color);
    --cb-border-color-hover: var(--gray-btn-bg-color);
    --cb-box-shadow: var(--gray-btn-bg-box-shadow);
    --cb-box-shadow-hover: var(--gray-btn-bg-box-shadow-hover);
}

.btn.btn-dark-transparent,
.btn-dark-transparent .wp-block-button__link {
    --cb-bg-color: rgba(0, 0, 0, 0.6);
    --cb-text-color: #fff;
    --cb-bg-color-hover: rgba(0, 0, 0, 0.8);
    --cb-text-color-hover: #fff;
    --cb-border-color: rgba(0, 0, 0, 0.6);
    --cb-border-color-hover: rgba(0, 0, 0, 0.8);
    --cb-box-shadow: none;
    --cb-box-shadow-hover: none;
}

.menu-item.btn {
    padding: 0;
    margin: 0 1.3rem;
    overflow: hidden;
    min-height: auto;
    top: -.2rem;
}

.menu-item.btn::after,
.menu-item.btn:is(:focus, :active, :hover):after {
    content: none !important;
}

.menu-item.btn a {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: var(--btn-df-padding, 1.4rem 2.8rem) !important;
    color: inherit !important;
    text-align: center !important;
    font-size: var(--btn-font-size) !important;
    font-family: var(--btn-font-family) !important;
    font-weight: var(--btn-font-weight, 700) !important;
}

.menu-item.btn a:is(:hover, :focus, :active),
.menu-item.btn:is(:hover, :focus, :active) a {
    color: inherit;
}

.btn-full,
.btn.btn-full,
.btn-full .wp-block-button__link {
    display: block;
    width: 100%;
}

.btn.btn-h-auto,
.btn-h-auto .wp-block-button__link {
    height: auto !important;
}

.btn-min-wide,
.btn-min-wide .wp-block-button__link {
    min-width: 24rem;
}

.btn.btn-medium,
.btn-medium .wp-block-button__link,
.btn.btn-md,
.btn-md .wp-block-button__link {
    font-size: calc(var(--btn-font-size) * 0.9);
    height: auto;
    min-height: auto;
    padding: 1.2rem 2rem;
}

.btn.btn-small,
.btn-small .wp-block-button__link,
.btn.btn-sm,
.btn-sm .wp-block-button__link {
    font-size: calc(var(--btn-font-size) * 0.8);
    height: auto;
    min-height: auto;
    padding: 1rem 1.8rem;
}

.btn.btn-big,
.btn-big .wp-block-button__link,
.btn.btn-lg,
.btn-lg .wp-block-button__link {
    font-size: calc(var(--btn-font-size) * 1.2);
    height: auto;
}

.btn.btn-no-border:not(:hover, :focus, :active) {
    border-color: transparent !important;
}

.wp-block-file .wp-block-file__button {
    display: block;
    font-size: var(--btn-font-size);
    margin-bottom: var(--df-margin-unit);
}

.btn span.top-text,
.btn span.bottom-text {
    display: block;
    font-weight: normal;
    font-size: 80%;
    text-transform: unset;
    margin-bottom: -0.2rem;
}

.btn span.top-text+br {
    display: none;
}

.btn+.bottom-text {
    display: block;
    text-align: center;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin: .7rem 0 .5rem;
}

@media (max-width: 992px) {
    .btn {
        white-space: normal;
    }

    .btn-full-sm,
    .btn.btn-full-sm,
    .wp-block-button.btn-full-sm,
    .btn-full-sm .wp-block-button__link {
        display: block;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .btn-full-sm+.btn-full-sm,
    .btn.btn-full-sm+.btn.btn-full-sm,
    .wp-block-button.btn-full-sm+.wp-block-button.btn-full-sm,
    .btn-full-sm .wp-block-button__link+.btn-full-sm .wp-block-button__link {
        margin-top: var(--df-margin-unit);
    }

    .menu-item.btn {
        margin: 2rem var(--df-column-gap);
    }
}

@media (max-width: 400px) {
    .btn {
        white-space: normal;
    }

    .btn.btn-big {
        padding: 1.6rem 2.5rem;
        min-height: auto;
    }
}