.hs-magic-btn10{--btn-bg:var(--bde-brand-primary-color);--btn-hover-bg:var(--custom-328);--btn-color:var(--bde-background-color);--btn-hover-color:var(--hcl-on-brand);--btn-border:1px solid var(--hcl-brand-9);--btn-hover-border:1px solid var(--hcl-brand-9);--btn-padding:var(--hsp-xs) var(--hsp-s);color:var(--btn-color);padding:var(--btn-padding);background-color:var(--btn-bg);border:var(--btn-border);position:relative;overflow:hidden;transition:var(--bde-transition-duration);border-radius:var(--hrd-atom)}.hs-magic-btn10 .bde-text{color:currentColor}.hs-magic-btn10 span{position:absolute;display:block;width:0;height:0;border-radius:50%;background-color:var(--btn-hover-bg);transition:width var(--bde-transition-duration) ease-in-out,height var(--bde-transition-duration) ease-in-out;transform:translate(-50%,-50%);z-index:-1}.hs-magic-btn10:hover{color:var(--btn-hover-color)!important;border:var(--btn-hover-border)}.hs-magic-btn10:hover span{width:225%;height:562.5px}.breakdance .text-container{position:relative;padding:6px var(--hsp-xs);color:#fff;display:inline-block;z-index:1;letter-spacing:2px;font-weight:600;text-transform:uppercase;font-weight:600;letter-spacing:1px;font-size:var(--hfs-text-s)}.breakdance .text-container:before{content:'';position:absolute;height:100%;width:100%;top:0;left:0;right:0;bottom:0;background-color:var(--bde-brand-primary-color);transform:skewX(-22deg);z-index:-1}.breakdance .button-from-right-effect{--btn-color:var(--bde-background-color);--btn-hover-color:var(--bde-background-color);--border-color:var(--bde-brand-primary-color);--hover-border-color:var(--custom-328);--btn-bg:var(--bde-brand-primary-color);--btn-hover-bg:var(--custom-328)}.breakdance .button-from-right-effect .button-atom{color:var(--btn-color);background:var(--btn-bg);transition:var(--bde-transition-duration);position:relative;z-index:1;overflow:hidden;border:2px solid var(--border-color)}.breakdance .button-from-right-effect .button-atom:hover{background:var(--btn-hover-bg)}.breakdance .button-from-right-effect .button-atom__text{color:var(--btn-color)!important;transition:var(--bde-transition-duration)}.breakdance .button-from-right-effect .button-atom:before{content:"";position:absolute;background:var(--btn-hover-bg);transition:var(--bde-transition-duration);z-index:-1}.breakdance .button-from-right-effect[data-magic-animation-dir4="left"] .button-atom:before{left:0;bottom:0;height:100%;width:0%}.breakdance .button-from-right-effect[data-magic-animation-dir4="left"] .button-atom:hover:before{width:100%}.breakdance .button-from-right-effect[data-magic-animation-dir4="top"] .button-atom:before{left:0;top:0;height:0%;width:100%}.breakdance .button-from-right-effect[data-magic-animation-dir4="top"] .button-atom:hover:before{height:100%}.breakdance .button-from-right-effect[data-magic-animation-dir4="right"] .button-atom:before{right:0;bottom:0;height:100%;width:0%}.breakdance .button-from-right-effect[data-magic-animation-dir4="right"] .button-atom:hover:before{width:100%}.breakdance .button-from-right-effect[data-magic-animation-dir4="bottom"] .button-atom:before{right:0;bottom:0;height:0%;width:100%}.breakdance .button-from-right-effect[data-magic-animation-dir4="bottom"] .button-atom:hover:before{height:100%}.breakdance .button-from-right-effect[data-magic-animation-dir4="bottom"] .button-atom:hover{border-color:var(--hover-border-color)}.breakdance .button-from-right-effect:hover .button-atom__text{color:var(--btn-hover-color)!important;transition:var(--bde-transition-duration)}.breakdance .button-from-right-effect-border{--btn-color:var(--bde-headings-color);--btn-hover-color:#fff;--border-color:var(--bde-brand-primary-color);--hover-border-color:var(--custom-328);--btn-bg:transparent;--btn-hover-bg:var(--bde-brand-primary-color)}.breakdance .button-from-right-effect-border .button-atom{color:var(--btn-color);background:var(--btn-bg);transition:var(--bde-transition-duration);position:relative;z-index:1;overflow:hidden;border:2px solid var(--border-color)}.breakdance .button-from-right-effect-border .button-atom:hover{background:var(--btn-hover-bg)}.breakdance .button-from-right-effect-border .button-atom__text{color:var(--btn-color)!important;transition:var(--bde-transition-duration)}.breakdance .button-from-right-effect-border .button-atom:before{content:"";position:absolute;background:var(--btn-hover-bg);transition:var(--bde-transition-duration);z-index:-1}.breakdance .button-from-right-effect-border[data-magic-animation-dir4="left"] .button-atom:before{left:0;bottom:0;height:100%;width:0%}.breakdance .button-from-right-effect-border[data-magic-animation-dir4="left"] .button-atom:hover:before{width:100%}.breakdance .button-from-right-effect-border[data-magic-animation-dir4="top"] .button-atom:before{left:0;top:0;height:0%;width:100%}.breakdance .button-from-right-effect-border[data-magic-animation-dir4="top"] .button-atom:hover:before{height:100%}.breakdance .button-from-right-effect-border[data-magic-animation-dir4="right"] .button-atom:before{right:0;bottom:0;height:100%;width:0%}.breakdance .button-from-right-effect-border[data-magic-animation-dir4="right"] .button-atom:hover:before{width:100%}.breakdance .button-from-right-effect-border[data-magic-animation-dir4="bottom"] .button-atom:before{right:0;bottom:0;height:0%;width:100%}.breakdance .button-from-right-effect-border[data-magic-animation-dir4="bottom"] .button-atom:hover:before{height:100%}.breakdance .button-from-right-effect-border[data-magic-animation-dir4="bottom"] .button-atom:hover{border-color:var(--hover-border-color)}.breakdance .button-from-right-effect-border:hover .button-atom__text{color:var(--btn-hover-color)!important;transition:var(--bde-transition-duration)}