.elementor-widget-cmsmasters-swap-button {
    text-align: var(--cmsmasters-swap-button-align)
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-label-border-none {
    --cmsmasters-button-normal-bd-width-top: 0px;
    --cmsmasters-button-normal-bd-width-bottom: 0px
}

.elementor-widget-cmsmasters-swap-button {
    --label-bg-normal-color: var(--cmsmasters-colors-accent);
    --label-bg-normal-image: none;
    --label-bg-normal-position: center center;
    --label-bg-normal-attachment: scroll;
    --label-bg-normal-repeat: no-repeat;
    --label-bg-normal-size: auto;
    --label-bg-hover-color: var(--cmsmasters-colors-hover);
    --label-bg-hover-image: none;
    --label-bg-hover-position: center center;
    --label-bg-hover-attachment: scroll;
    --label-bg-hover-repeat: no-repeat;
    --label-bg-hover-size: auto;
    --icon-bg-normal-color: var(--cmsmasters-colors-accent);
    --icon-bg-normal-image: none;
    --icon-bg-normal-position: center center;
    --icon-bg-normal-attachment: scroll;
    --icon-bg-normal-repeat: no-repeat;
    --icon-bg-normal-size: auto;
    --icon-bg-active-color: var(--cmsmasters-colors-hover);
    --icon-bg-active-image: none;
    --icon-bg-active-position: center center;
    --icon-bg-active-attachment: scroll;
    --icon-bg-active-repeat: no-repeat;
    --icon-bg-active-size: auto
}

.elementor-widget-cmsmasters-swap-button .elementor-widget-cmsmasters-swap-button__button,
.elementor-widget-cmsmasters-swap-button .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]) {
    font-family: var(--cmsmasters-swap-button-label-font-family, var(--cmsmasters-button-font-family));
    font-weight: var(--cmsmasters-swap-button-label-font-weight, var(--cmsmasters-button-font-weight));
    font-size: var(--cmsmasters-swap-button-label-font-size, var(--cmsmasters-button-font-size));
    text-transform: var(--cmsmasters-swap-button-label-text-transform, var(--cmsmasters-button-text-transform));
    font-style: var(--cmsmasters-swap-button-label-font-style, var(--cmsmasters-button-font-style));
    text-decoration: none;
    line-height: var(--cmsmasters-swap-button-label-line-height, var(--cmsmasters-button-line-height));
    letter-spacing: var(--cmsmasters-swap-button-label-letter-spacing, var(--cmsmasters-button-letter-spacing));
    word-spacing: var(--cmsmasters-swap-button-label-word-spacing, var(--cmsmasters-button-word-spacing));
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    position: relative
}

.elementor-widget-cmsmasters-swap-button .elementor-widget-cmsmasters-swap-button__button:focus .elementor-widget-cmsmasters-swap-button__text,
.elementor-widget-cmsmasters-swap-button .elementor-widget-cmsmasters-swap-button__button:hover .elementor-widget-cmsmasters-swap-button__text,
.elementor-widget-cmsmasters-swap-button .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):focus .elementor-widget-cmsmasters-swap-button__text,
.elementor-widget-cmsmasters-swap-button .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):hover .elementor-widget-cmsmasters-swap-button__text {
    -webkit-text-decoration: var(--cmsmasters-swap-button-label-text-decoration-hover, var(--cmsmasters-swap-button-label-text-decoration, var(--cmsmasters-button-hover-text-decoration, var(--cmsmasters-button-text-decoration))));
    text-decoration: var(--cmsmasters-swap-button-label-text-decoration-hover, var(--cmsmasters-swap-button-label-text-decoration, var(--cmsmasters-button-hover-text-decoration, var(--cmsmasters-button-text-decoration))));
    color: var(--cmsmasters-swap-button-label-color-hover, var(--cmsmasters-swap-button-label-color-normal, var(--cmsmasters-button-hover-colors-color, var(--cmsmasters-button-normal-colors-color))));
    border-color: var(--cmsmasters-swap-button-label-border-color-hover, var(--cmsmasters-swap-button-label-border-color-normal, var(--cmsmasters-button-hover-colors-bd, var(--cmsmasters-button-normal-colors-bd))));
    border-radius: var(--cmsmasters-swap-button-label-border-radius-hover, var(--cmsmasters-swap-button-label-border-radius-normal, var(--cmsmasters-button-hover-bd-radius, var(--cmsmasters-button-normal-bd-radius))));
    box-shadow: none;
    text-shadow: var(--label-hover-text-shadow, var(--label-normal-text-shadow, var(--cmsmasters-button-hover-text-shadow, var(--cmsmasters-button-text-shadow))))
}

.elementor-widget-cmsmasters-swap-button .elementor-widget-cmsmasters-swap-button__button:focus .elementor-widget-cmsmasters-swap-button__text:before,
.elementor-widget-cmsmasters-swap-button .elementor-widget-cmsmasters-swap-button__button:hover .elementor-widget-cmsmasters-swap-button__text:before,
.elementor-widget-cmsmasters-swap-button .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):focus .elementor-widget-cmsmasters-swap-button__text:before,
.elementor-widget-cmsmasters-swap-button .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):hover .elementor-widget-cmsmasters-swap-button__text:before {
    opacity: 0
}

.elementor-widget-cmsmasters-swap-button .elementor-widget-cmsmasters-swap-button__button:focus .elementor-widget-cmsmasters-swap-button__text:after,
.elementor-widget-cmsmasters-swap-button .elementor-widget-cmsmasters-swap-button__button:hover .elementor-widget-cmsmasters-swap-button__text:after,
.elementor-widget-cmsmasters-swap-button .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):focus .elementor-widget-cmsmasters-swap-button__text:after,
.elementor-widget-cmsmasters-swap-button .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):hover .elementor-widget-cmsmasters-swap-button__text:after {
    opacity: 1
}

.elementor-widget-cmsmasters-swap-button__icon {
    font: inherit;
    border-style: var(--icon-border-style, var(--label-border-style, var(--cmsmasters-button-normal-bd-style)));
    box-sizing: border-box;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-grow: 0;
    z-index: 1;
    box-shadow: none;
    position: relative;
    overflow: hidden;
    transition: all var(--cmsmasters-swap-button-animation-duration, .3s) ease-in-out
}

@supports (-webkit-touch-callout:none) {
    .elementor-widget-cmsmasters-swap-button__icon {
        transition: none !important
    }
}

.elementor-widget-cmsmasters-swap-button:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal {
    background-color: var(--cmsmasters-swap-button-icon-bg-color-normal, var(--cmsmasters-swap-button-label-bg-color-normal, var(--cmsmasters-button-normal-colors-bg)));
    background-image: var(--cmsmasters-swap-button-icon-bg-image-normal, var(--cmsmasters-swap-button-label-bg-image-normal, var(--cmsmasters-button-normal-colors-bg-image)));
    color: var(--cmsmasters-swap-button-icon-color-normal, var(--cmsmasters-swap-button-label-color-normal, var(--cmsmasters-button-normal-colors-color)));
    fill: var(--cmsmasters-swap-button-icon-color-normal, var(--cmsmasters-swap-button-label-color-normal, var(--cmsmasters-button-normal-colors-color)));
    border-color: var(--cmsmasters-swap-button-icon-border-color-normal, var(--cmsmasters-swap-button-label-border-color-normal, var(--cmsmasters-button-normal-colors-bd)));
    border-radius: var(--cmsmasters-swap-button-icon-border-radius-normal, var(--cmsmasters-swap-button-label-border-radius-normal, var(--cmsmasters-button-normal-bd-radius)))
}

.elementor-widget-cmsmasters-swap-button:not(.cmsmasters-swap-button-reverse-yes) .cmsmasters-swap-button-icon-bg-normal-color .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal,
.elementor-widget-cmsmasters-swap-button:not(.cmsmasters-swap-button-reverse-yes) .cmsmasters-swap-button-label-bg-normal-color:not(.cmsmasters-swap-button-icon-bg-normal-gradient) .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal {
    background-image: none
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal {
    background-color: var(--cmsmasters-swap-button-icon-bg-color-active, var(--cmsmasters-swap-button-label-bg-color-hover, var(--cmsmasters-swap-button-label-bg-color-normal, var(--cmsmasters-button-hover-colors-bg, var(--cmsmasters-button-normal-colors-bg)))));
    background-image: var(--cmsmasters-swap-button-icon-bg-image-active, var(--cmsmasters-swap-button-label-bg-image-hover, var(--cmsmasters-swap-button-label-bg-image-normal, var(--cmsmasters-button-hover-colors-bg-image, var(--cmsmasters-button-normal-colors-bg-image)))));
    color: var(--cmsmasters-swap-button-icon-color-active, var(--cmsmasters-swap-button-label-color-hover, var(--cmsmasters-swap-button-label-color-normal, var(--cmsmasters-button-hover-colors-color, var(--cmsmasters-button-normal-colors-color)))));
    fill: var(--cmsmasters-swap-button-icon-color-active, var(--cmsmasters-swap-button-label-color-hover, var(--cmsmasters-swap-button-label-color-normal, var(--cmsmasters-button-hover-colors-color, var(--cmsmasters-button-normal-colors-color)))));
    border-color: var(--cmsmasters-swap-button-icon-border-color-active, var(--cmsmasters-swap-button-label-border-color-hover, var(--cmsmasters-swap-button-label-border-color-normal, var(--cmsmasters-button-hover-colors-bd, var(--cmsmasters-button-normal-colors-bd)))));
    border-radius: var(--cmsmasters-swap-button-icon-border-radius-active, var(--cmsmasters-swap-button-label-border-radius-hover, var(--cmsmasters-swap-button-label-border-radius-normal, var(--cmsmasters-button-hover-bd-radius, var(--cmsmasters-button-normal-bd-radius)))))
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-reverse-yes .cmsmasters-swap-button-icon-bg-active-color .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-reverse-yes .cmsmasters-swap-button-label-bg-hover-color:not(.cmsmasters-swap-button-icon-bg-active-gradient) .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal {
    background-image: none
}

.elementor-widget-cmsmasters-swap-button:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal i {
    font-size: var(--cmsmasters-swap-button-icon-size-normal, 1em)
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal i {
    font-size: var(--cmsmasters-swap-button-icon-size-active, 1em)
}

.elementor-widget-cmsmasters-swap-button:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal svg {
    width: var(--cmsmasters-swap-button-icon-size-normal, 1em);
    height: var(--cmsmasters-swap-button-icon-size-normal, 1em)
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal svg {
    width: var(--cmsmasters-swap-button-icon-size-active, 1em);
    height: var(--cmsmasters-swap-button-icon-size-active, 1em)
}

.elementor-widget-cmsmasters-swap-button:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active {
    background-color: var(--cmsmasters-swap-button-icon-bg-color-active, var(--cmsmasters-swap-button-label-bg-color-hover, var(--cmsmasters-swap-button-label-bg-color-normal, var(--cmsmasters-button-hover-colors-bg, var(--cmsmasters-button-normal-colors-bg)))));
    background-image: var(--cmsmasters-swap-button-icon-bg-image-active, var(--cmsmasters-swap-button-label-bg-image-hover, var(--cmsmasters-swap-button-label-bg-image-normal, var(--cmsmasters-button-hover-colors-bg-image, var(--cmsmasters-button-normal-colors-bg-image)))));
    color: var(--cmsmasters-swap-button-icon-color-active, var(--cmsmasters-swap-button-label-color-hover, var(--cmsmasters-swap-button-label-color-normal, var(--cmsmasters-button-hover-colors-color, var(--cmsmasters-button-normal-colors-color)))));
    fill: var(--cmsmasters-swap-button-icon-color-active, var(--cmsmasters-swap-button-label-color-hover, var(--cmsmasters-swap-button-label-color-normal, var(--cmsmasters-button-hover-colors-color, var(--cmsmasters-button-normal-colors-color)))));
    border-color: var(--cmsmasters-swap-button-icon-border-color-active, var(--cmsmasters-swap-button-label-border-color-hover, var(--cmsmasters-swap-button-label-border-color-normal, var(--cmsmasters-button-hover-colors-bd, var(--cmsmasters-button-normal-colors-bd)))));
    border-radius: var(--cmsmasters-swap-button-icon-border-radius-active, var(--cmsmasters-swap-button-label-border-radius-hover, var(--cmsmasters-swap-button-label-border-radius-normal, var(--cmsmasters-button-hover-bd-radius, var(--cmsmasters-button-normal-bd-radius)))))
}

.elementor-widget-cmsmasters-swap-button:not(.cmsmasters-swap-button-reverse-yes) .cmsmasters-swap-button-icon-bg-active-color .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active,
.elementor-widget-cmsmasters-swap-button:not(.cmsmasters-swap-button-reverse-yes) .cmsmasters-swap-button-label-bg-hover-color:not(.cmsmasters-swap-button-icon-bg-active-gradient) .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active {
    background-image: none
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active {
    background-color: var(--cmsmasters-swap-button-icon-bg-color-normal, var(--cmsmasters-swap-button-label-bg-color-normal, var(--cmsmasters-button-normal-colors-bg)));
    background-image: var(--cmsmasters-swap-button-icon-bg-image-normal, var(--cmsmasters-swap-button-label-bg-image-normal, var(--cmsmasters-button-normal-colors-bg-image)));
    color: var(--cmsmasters-swap-button-icon-color-normal, var(--cmsmasters-swap-button-label-color-normal, var(--cmsmasters-button-normal-colors-color)));
    fill: var(--cmsmasters-swap-button-icon-color-normal, var(--cmsmasters-swap-button-label-color-normal, var(--cmsmasters-button-normal-colors-color)));
    border-color: var(--cmsmasters-swap-button-icon-border-color-normal, var(--cmsmasters-swap-button-label-border-color-normal, var(--cmsmasters-button-normal-colors-bd)));
    border-radius: var(--cmsmasters-swap-button-icon-border-radius-normal, var(--cmsmasters-swap-button-label-border-radius-normal, var(--cmsmasters-button-normal-bd-radius)))
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-reverse-yes .cmsmasters-swap-button-icon-bg-normal-color .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-reverse-yes .cmsmasters-swap-button-label-bg-normal-color:not(.cmsmasters-swap-button-icon-bg-normal-gradient) .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active {
    background-image: none
}

.elementor-widget-cmsmasters-swap-button:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active i {
    font-size: var(--cmsmasters-swap-button-icon-size-active, 1em)
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active i {
    font-size: var(--cmsmasters-swap-button-icon-size-normal, 1em)
}

.elementor-widget-cmsmasters-swap-button:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active svg {
    width: var(--cmsmasters-swap-button-icon-size-active, 1em);
    height: var(--cmsmasters-swap-button-icon-size-active, 1em)
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active svg {
    width: var(--cmsmasters-swap-button-icon-size-normal, 1em);
    height: var(--cmsmasters-swap-button-icon-size-normal, 1em)
}

.elementor-widget-cmsmasters-swap-button__icon>* {
    transition: all var(--cmsmasters-swap-button-animation-duration, .3s) ease-in-out
}

.elementor-widget-cmsmasters-swap-button__icon i {
    text-align: center;
    display: block
}

.elementor-widget-cmsmasters-swap-button__icon svg {
    display: block
}

.elementor-widget-cmsmasters-swap-button__text {
    font-family: var(--cmsmasters-swap-button-label-font-family, var(--cmsmasters-button-font-family));
    font-weight: var(--cmsmasters-swap-button-label-font-weight, var(--cmsmasters-button-font-weight));
    font-size: var(--cmsmasters-swap-button-label-font-size, var(--cmsmasters-button-font-size));
    text-transform: var(--cmsmasters-swap-button-label-text-transform, var(--cmsmasters-button-text-transform));
    font-style: var(--cmsmasters-swap-button-label-font-style, var(--cmsmasters-button-font-style));
    -webkit-text-decoration: var(--cmsmasters-swap-button-label-text-decoration, var(--cmsmasters-button-text-decoration));
    text-decoration: var(--cmsmasters-swap-button-label-text-decoration, var(--cmsmasters-button-text-decoration));
    line-height: var(--cmsmasters-swap-button-label-line-height, var(--cmsmasters-button-line-height));
    letter-spacing: var(--cmsmasters-swap-button-label-letter-spacing, var(--cmsmasters-button-letter-spacing));
    word-spacing: var(--cmsmasters-swap-button-label-word-spacing, var(--cmsmasters-button-word-spacing));
    color: var(--cmsmasters-swap-button-label-color-normal, var(--cmsmasters-button-normal-colors-color));
    background-color: transparent;
    background-image: none;
    border-top: var(--label-border-width-top, var(--cmsmasters-button-normal-bd-width-top)) var(--label-border-style, var(--cmsmasters-button-normal-bd-style)) var(--cmsmasters-swap-button-label-border-color-normal, var(--cmsmasters-button-normal-colors-bd));
    border-right: var(--label-border-width-right, var(--cmsmasters-button-normal-bd-width-right)) var(--label-border-style, var(--cmsmasters-button-normal-bd-style)) var(--cmsmasters-swap-button-label-border-color-normal, var(--cmsmasters-button-normal-colors-bd));
    border-bottom: var(--label-border-width-bottom, var(--cmsmasters-button-normal-bd-width-bottom)) var(--label-border-style, var(--cmsmasters-button-normal-bd-style)) var(--cmsmasters-swap-button-label-border-color-normal, var(--cmsmasters-button-normal-colors-bd));
    border-left: var(--label-border-width-left, var(--cmsmasters-button-normal-bd-width-left)) var(--label-border-style, var(--cmsmasters-button-normal-bd-style)) var(--cmsmasters-swap-button-label-border-color-normal, var(--cmsmasters-button-normal-colors-bd));
    border-radius: var(--cmsmasters-swap-button-label-border-radius-normal, var(--cmsmasters-button-normal-bd-radius));
    text-shadow: var(--label-normal-text-shadow, var(--cmsmasters-button-text-shadow));
    box-shadow: none;
    padding: var(--cmsmasters-swap-button-label-padding-top, var(--cmsmasters-button-padding-top, 5px)) var(--cmsmasters-swap-button-label-padding-right, var(--cmsmasters-button-padding-right)) var(--cmsmasters-swap-button-label-padding-bottom, var(--cmsmasters-button-padding-bottom, 5px)) var(--cmsmasters-swap-button-label-padding-left, var(--cmsmasters-button-padding-left));
    display: block;
    text-align: inherit;
    min-width: -moz-max-content;
    min-width: max-content;
    max-width: 100%;
    height: calc(var(--cmsmasters-swap-button-label-line-height, var(--cmsmasters-button-line-height)) + var(--cmsmasters-swap-button-label-padding-top, var(--cmsmasters-button-padding-top, 5px)) + var(--cmsmasters-swap-button-label-padding-bottom, var(--cmsmasters-button-padding-bottom, 5px)) + var(--label-border-width-top, var(--cmsmasters-button-normal-bd-width-top, 0px)) + var(--label-border-width-bottom, var(--cmsmasters-button-normal-bd-width-bottom, 0px)));
    z-index: 2;
    overflow: hidden;
    position: relative;
    transition: all var(--cmsmasters-swap-button-animation-duration, .3s) ease-in-out
}

@supports (-webkit-touch-callout:none) {
    .elementor-widget-cmsmasters-swap-button__text {
        transition: none !important
    }
}

.elementor-widget-cmsmasters-swap-button__text:after,
.elementor-widget-cmsmasters-swap-button__text:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all var(--cmsmasters-swap-button-animation-duration, .3s) ease-in-out
}

.elementor-widget-cmsmasters-swap-button__text:before {
    background-color: var(--cmsmasters-swap-button-label-bg-color-normal, var(--cmsmasters-button-normal-colors-bg));
    background-image: var(--cmsmasters-swap-button-label-bg-image-normal, var(--cmsmasters-button-normal-colors-bg-image));
    opacity: 1
}

.cmsmasters-swap-button-label-bg-normal-color .elementor-widget-cmsmasters-swap-button__text:before {
    background-image: none
}

.elementor-widget-cmsmasters-swap-button__text:after {
    background-color: var(--cmsmasters-swap-button-label-bg-color-hover, var(--cmsmasters-swap-button-label-bg-color-normal, var(--cmsmasters-button-hover-colors-bg, var(--cmsmasters-button-normal-colors-bg))));
    background-image: var(--cmsmasters-swap-button-label-bg-image-hover, var(--cmsmasters-swap-button-label-bg-image-normal, var(--cmsmasters-button-hover-colors-bg-image, var(--cmsmasters-button-normal-colors-bg-image))));
    opacity: 0
}

.cmsmasters-swap-button-label-bg-hover-color .elementor-widget-cmsmasters-swap-button__text:after,
.cmsmasters-swap-button-label-bg-normal-color:not(.cmsmasters-swap-button-label-bg-hover-gradient) .elementor-widget-cmsmasters-swap-button__text:after {
    background-image: none
}

.elementor-widget-cmsmasters-swap-button:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal {
    border-width: var(--icon-border-width-top, var(--label-border-width-top, var(--cmsmasters-button-normal-bd-width-top))) var(--icon-border-width-right, var(--label-border-width-right, var(--cmsmasters-button-normal-bd-width-right))) var(--icon-border-width-bottom, var(--label-border-width-bottom, var(--cmsmasters-button-normal-bd-width-bottom))) var(--icon-border-width-left, var(--label-border-width-left, var(--cmsmasters-button-normal-bd-width-left)));
    margin-left: var(--cmsmasters-swap-button-icon-gap, 1px)
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal,
.elementor-widget-cmsmasters-swap-button:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active {
    border-width: 0;
    margin: 0
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active {
    border-width: var(--icon-border-width-top, var(--label-border-width-top, var(--cmsmasters-button-normal-bd-width-top))) var(--icon-border-width-right, var(--label-border-width-right, var(--cmsmasters-button-normal-bd-width-right))) var(--icon-border-width-bottom, var(--label-border-width-bottom, var(--cmsmasters-button-normal-bd-width-bottom))) var(--icon-border-width-left, var(--label-border-width-left, var(--cmsmasters-button-normal-bd-width-left)));
    margin-right: var(--cmsmasters-swap-button-icon-gap, 1px)
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal {
    border-width: 0;
    width: 0;
    height: 0;
    margin: 0
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal>*,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal>*,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal>*,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal>* {
    transform: scale(0) rotate(var(--cmsmasters-swap-button-icon-rotate-normal, 0deg))
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active {
    border-width: var(--icon-border-width-top, var(--label-border-width-top, var(--cmsmasters-button-normal-bd-width-top))) var(--icon-border-width-right, var(--label-border-width-right, var(--cmsmasters-button-normal-bd-width-right))) var(--icon-border-width-bottom, var(--label-border-width-bottom, var(--cmsmasters-button-normal-bd-width-bottom))) var(--icon-border-width-left, var(--label-border-width-left, var(--cmsmasters-button-normal-bd-width-left)));
    width: calc(var(--cmsmasters-swap-button-label-line-height, var(--cmsmasters-button-line-height)) + var(--cmsmasters-swap-button-label-padding-top, var(--cmsmasters-button-padding-top, 5px)) + var(--cmsmasters-swap-button-label-padding-bottom, var(--cmsmasters-button-padding-bottom, 5px)) + var(--label-border-width-top, var(--cmsmasters-button-normal-bd-width-top, 0px)) + var(--label-border-width-bottom, var(--cmsmasters-button-normal-bd-width-bottom, 0px)));
    height: calc(var(--cmsmasters-swap-button-label-line-height, var(--cmsmasters-button-line-height)) + var(--cmsmasters-swap-button-label-padding-top, var(--cmsmasters-button-padding-top, 5px)) + var(--cmsmasters-swap-button-label-padding-bottom, var(--cmsmasters-button-padding-bottom, 5px)) + var(--label-border-width-top, var(--cmsmasters-button-normal-bd-width-top, 0px)) + var(--label-border-width-bottom, var(--cmsmasters-button-normal-bd-width-bottom, 0px)));
    margin-right: var(--cmsmasters-swap-button-icon-gap, 1px)
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active>*,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active>*,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active>*,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active>* {
    transform: scale(1) rotate(var(--cmsmasters-swap-button-icon-rotate-active, 0deg))
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal {
    width: calc(var(--cmsmasters-swap-button-label-line-height, var(--cmsmasters-button-line-height)) + var(--cmsmasters-swap-button-label-padding-top, var(--cmsmasters-button-padding-top, 5px)) + var(--cmsmasters-swap-button-label-padding-bottom, var(--cmsmasters-button-padding-bottom, 5px)) + var(--label-border-width-top, var(--cmsmasters-button-normal-bd-width-top, 0px)) + var(--label-border-width-bottom, var(--cmsmasters-button-normal-bd-width-bottom, 0px)));
    height: calc(var(--cmsmasters-swap-button-label-line-height, var(--cmsmasters-button-line-height)) + var(--cmsmasters-swap-button-label-padding-top, var(--cmsmasters-button-padding-top, 5px)) + var(--cmsmasters-swap-button-label-padding-bottom, var(--cmsmasters-button-padding-bottom, 5px)) + var(--label-border-width-top, var(--cmsmasters-button-normal-bd-width-top, 0px)) + var(--label-border-width-bottom, var(--cmsmasters-button-normal-bd-width-bottom, 0px)))
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal>* {
    transform: scale(1) rotate(var(--cmsmasters-swap-button-icon-rotate-normal, 0deg))
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active {
    width: 0;
    height: 0
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active>* {
    transform: scale(0) rotate(var(--cmsmasters-swap-button-icon-rotate-active, 0deg))
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal {
    border-width: var(--icon-border-width-top, var(--label-border-width-top, var(--cmsmasters-button-normal-bd-width-top))) var(--icon-border-width-right, var(--label-border-width-right, var(--cmsmasters-button-normal-bd-width-right))) var(--icon-border-width-bottom, var(--label-border-width-bottom, var(--cmsmasters-button-normal-bd-width-bottom))) var(--icon-border-width-left, var(--label-border-width-left, var(--cmsmasters-button-normal-bd-width-left)));
    width: calc(var(--cmsmasters-swap-button-label-line-height, var(--cmsmasters-button-line-height)) + var(--cmsmasters-swap-button-label-padding-top, var(--cmsmasters-button-padding-top, 5px)) + var(--cmsmasters-swap-button-label-padding-bottom, var(--cmsmasters-button-padding-bottom, 5px)) + var(--label-border-width-top, var(--cmsmasters-button-normal-bd-width-top, 0px)) + var(--label-border-width-bottom, var(--cmsmasters-button-normal-bd-width-bottom, 0px)));
    height: calc(var(--cmsmasters-swap-button-label-line-height, var(--cmsmasters-button-line-height)) + var(--cmsmasters-swap-button-label-padding-top, var(--cmsmasters-button-padding-top, 5px)) + var(--cmsmasters-swap-button-label-padding-bottom, var(--cmsmasters-button-padding-bottom, 5px)) + var(--label-border-width-top, var(--cmsmasters-button-normal-bd-width-top, 0px)) + var(--label-border-width-bottom, var(--cmsmasters-button-normal-bd-width-bottom, 0px)));
    margin-left: var(--cmsmasters-swap-button-icon-gap, 1px)
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal>*,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal>*,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal>*,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal>* {
    transform: scale(1) rotate(var(--cmsmasters-swap-button-icon-rotate-active, 0deg))
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active {
    border-width: 0;
    width: 0;
    height: 0;
    margin: 0
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active>*,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active>*,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active>*,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active>* {
    transform: scale(0) rotate(var(--cmsmasters-swap-button-icon-rotate-normal, 0deg))
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal {
    width: 0;
    height: 0
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal>* {
    transform: scale(0) rotate(var(--cmsmasters-swap-button-icon-rotate-active, 0deg))
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active {
    width: calc(var(--cmsmasters-swap-button-label-line-height, var(--cmsmasters-button-line-height)) + var(--cmsmasters-swap-button-label-padding-top, var(--cmsmasters-button-padding-top, 5px)) + var(--cmsmasters-swap-button-label-padding-bottom, var(--cmsmasters-button-padding-bottom, 5px)) + var(--label-border-width-top, var(--cmsmasters-button-normal-bd-width-top, 0px)) + var(--label-border-width-bottom, var(--cmsmasters-button-normal-bd-width-bottom, 0px)));
    height: calc(var(--cmsmasters-swap-button-label-line-height, var(--cmsmasters-button-line-height)) + var(--cmsmasters-swap-button-label-padding-top, var(--cmsmasters-button-padding-top, 5px)) + var(--cmsmasters-swap-button-label-padding-bottom, var(--cmsmasters-button-padding-bottom, 5px)) + var(--label-border-width-top, var(--cmsmasters-button-normal-bd-width-top, 0px)) + var(--label-border-width-bottom, var(--cmsmasters-button-normal-bd-width-bottom, 0px)))
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-scale.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active>* {
    transform: scale(1) rotate(var(--cmsmasters-swap-button-icon-rotate-normal, 0deg))
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal {
    border-width: 0;
    width: 0;
    margin: 0
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal>*,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal>*,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal>*,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal>* {
    transform: scale(0) rotate(var(--cmsmasters-swap-button-icon-rotate-normal, 0deg))
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active {
    border-width: var(--icon-border-width-top, var(--label-border-width-top, var(--cmsmasters-button-normal-bd-width-top))) var(--icon-border-width-right, var(--label-border-width-right, var(--cmsmasters-button-normal-bd-width-right))) var(--icon-border-width-bottom, var(--label-border-width-bottom, var(--cmsmasters-button-normal-bd-width-bottom))) var(--icon-border-width-left, var(--label-border-width-left, var(--cmsmasters-button-normal-bd-width-left)));
    width: calc(var(--cmsmasters-swap-button-label-line-height, var(--cmsmasters-button-line-height)) + var(--cmsmasters-swap-button-label-padding-top, var(--cmsmasters-button-padding-top, 5px)) + var(--cmsmasters-swap-button-label-padding-bottom, var(--cmsmasters-button-padding-bottom, 5px)) + var(--label-border-width-top, var(--cmsmasters-button-normal-bd-width-top, 0px)) + var(--label-border-width-bottom, var(--cmsmasters-button-normal-bd-width-bottom, 0px)));
    margin-right: var(--cmsmasters-swap-button-icon-gap, 1px)
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active>*,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active>*,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active>*,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active>* {
    transform: scale(1) rotate(var(--cmsmasters-swap-button-icon-rotate-active, 0deg))
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__icon {
    height: calc(var(--cmsmasters-swap-button-label-line-height, var(--cmsmasters-button-line-height)) + var(--cmsmasters-swap-button-label-padding-top, var(--cmsmasters-button-padding-top, 5px)) + var(--cmsmasters-swap-button-label-padding-bottom, var(--cmsmasters-button-padding-bottom, 5px)) + var(--label-border-width-top, var(--cmsmasters-button-normal-bd-width-top, 0px)) + var(--label-border-width-bottom, var(--cmsmasters-button-normal-bd-width-bottom, 0px)))
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal {
    width: calc(var(--cmsmasters-swap-button-label-line-height, var(--cmsmasters-button-line-height)) + var(--cmsmasters-swap-button-label-padding-top, var(--cmsmasters-button-padding-top, 5px)) + var(--cmsmasters-swap-button-label-padding-bottom, var(--cmsmasters-button-padding-bottom, 5px)) + var(--label-border-width-top, var(--cmsmasters-button-normal-bd-width-top, 0px)) + var(--label-border-width-bottom, var(--cmsmasters-button-normal-bd-width-bottom, 0px)))
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal>* {
    transform: scale(1) rotate(var(--cmsmasters-swap-button-icon-rotate-normal, 0deg))
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active {
    width: 0
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink:not(.cmsmasters-swap-button-reverse-yes) .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active>* {
    transform: scale(0) rotate(var(--cmsmasters-swap-button-icon-rotate-active, 0deg))
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal {
    border-width: var(--icon-border-width-top, var(--label-border-width-top, var(--cmsmasters-button-normal-bd-width-top))) var(--icon-border-width-right, var(--label-border-width-right, var(--cmsmasters-button-normal-bd-width-right))) var(--icon-border-width-bottom, var(--label-border-width-bottom, var(--cmsmasters-button-normal-bd-width-bottom))) var(--icon-border-width-left, var(--label-border-width-left, var(--cmsmasters-button-normal-bd-width-left)));
    width: calc(var(--cmsmasters-swap-button-label-line-height, var(--cmsmasters-button-line-height)) + var(--cmsmasters-swap-button-label-padding-top, var(--cmsmasters-button-padding-top, 5px)) + var(--cmsmasters-swap-button-label-padding-bottom, var(--cmsmasters-button-padding-bottom, 5px)) + var(--label-border-width-top, var(--cmsmasters-button-normal-bd-width-top, 0px)) + var(--label-border-width-bottom, var(--cmsmasters-button-normal-bd-width-bottom, 0px)));
    margin-left: var(--cmsmasters-swap-button-icon-gap, 1px)
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal>*,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal>*,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal>*,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal>* {
    transform: scale(1) rotate(var(--cmsmasters-swap-button-icon-rotate-active, 0deg))
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active {
    border-width: 0;
    width: 0;
    margin: 0
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active>*,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active>*,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):focus .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active>*,
.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__button:not([href]):not([tabindex]):hover .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active>* {
    transform: scale(0) rotate(var(--cmsmasters-swap-button-icon-rotate-normal, 0deg))
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__icon {
    height: calc(var(--cmsmasters-swap-button-label-line-height, var(--cmsmasters-button-line-height)) + var(--cmsmasters-swap-button-label-padding-top, var(--cmsmasters-button-padding-top, 5px)) + var(--cmsmasters-swap-button-label-padding-bottom, var(--cmsmasters-button-padding-bottom, 5px)) + var(--label-border-width-top, var(--cmsmasters-button-normal-bd-width-top, 0px)) + var(--label-border-width-bottom, var(--cmsmasters-button-normal-bd-width-bottom, 0px)))
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal {
    width: 0
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-normal>* {
    transform: scale(0) rotate(var(--cmsmasters-swap-button-icon-rotate-active, 0deg))
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active {
    width: calc(var(--cmsmasters-swap-button-label-line-height, var(--cmsmasters-button-line-height)) + var(--cmsmasters-swap-button-label-padding-top, var(--cmsmasters-button-padding-top, 5px)) + var(--cmsmasters-swap-button-label-padding-bottom, var(--cmsmasters-button-padding-bottom, 5px)) + var(--label-border-width-top, var(--cmsmasters-button-normal-bd-width-top, 0px)) + var(--label-border-width-bottom, var(--cmsmasters-button-normal-bd-width-bottom, 0px)))
}

.elementor-widget-cmsmasters-swap-button.cmsmasters-swap-button-animation-shrink.cmsmasters-swap-button-reverse-yes .elementor-widget-cmsmasters-swap-button__icon.cmsmaster-swap-button-icon-active>* {
    transform: scale(1) rotate(var(--cmsmasters-swap-button-icon-rotate-normal, 0deg))
}

@media (max-width:1180px) {
    .elementor-widget-cmsmasters-swap-button.cmsmasters-icon-disable-tablet .elementor-widget-cmsmasters-swap-button__icon {
        display: none !important
    }
}

@media (max-width:767px) {
    .elementor-widget-cmsmasters-swap-button.cmsmasters-icon-disable-mobile .elementor-widget-cmsmasters-swap-button__icon {
        display: none !important
    }
}