.bdt-dual-button{display:flex;position:relative}.bdt-dual-button .bdt-ep-button{transition:all .25s ease-in-out;width:100%;display:inline-flex!important;align-items:center;justify-content:center}.bdt-dual-button .bdt-btn-a{background-color:#818a91;color:#fff}.bdt-dual-button .bdt-btn-a:after,.bdt-dual-button .bdt-btn-a:before{background-color:#697279}.bdt-dual-button .bdt-btn-b{background:#1e87f0;color:#fff}.bdt-dual-button .bdt-btn-b:after,.bdt-dual-button .bdt-btn-b:before{background:#0f6ecd}.bdt-dual-button .bdt-ep-button-size-xs+span{inline-size:20px;block-size:20px;line-height:20px;font-size:10px}.bdt-ep-button{cursor:pointer;text-transform:uppercase;outline:none;position:relative;transition:all .3s ease-out;z-index:0;text-align:center;overflow:hidden}.bdt-ep-button:hover{background-color:transparent;color:#fff}.bdt-ep-button .bdt-btn-text{position:relative;display:inline-block;z-index:0}.bdt-ep-button:after{content:"";position:absolute;z-index:-1;transition:all .3s ease-out;background:#666}.bdt-ep-button:active{color:#fff}.bdt-ep-button.bdt-effect-a:after{inline-size:100%;block-size:100%;inset-block-start:0;inset-inline-start:0;opacity:0}.bdt-ep-button.bdt-effect-a:hover:after,.bdt-ep-button.bdt-effect-a:active:after{opacity:1}.bdt-ep-button.bdt-effect-b:after{inline-size:100%;block-size:0;inset-block-start:0;inset-inline-start:0}.bdt-ep-button.bdt-effect-b:hover:after,.bdt-ep-button.bdt-effect-b:active:after{block-size:100%}.bdt-ep-button.bdt-effect-c:after{inline-size:0%;block-size:100%;inset-block-start:0;inset-inline-start:0}.bdt-ep-button.bdt-effect-c:hover:after,.bdt-ep-button.bdt-effect-c:active:after{inline-size:100%}.bdt-ep-button.bdt-effect-d{overflow:hidden}.bdt-ep-button.bdt-effect-d:after{inline-size:0;block-size:103%;inset-inline-start:50%;inset-block-start:50%;opacity:0;transform:translate(-50%,-50%)}.bdt-ep-button.bdt-effect-d:hover:after{inline-size:90%;opacity:1}.bdt-ep-button.bdt-effect-d:active:after{inline-size:101%;opacity:1}.bdt-ep-button.bdt-effect-e{overflow:hidden}.bdt-ep-button.bdt-effect-e:after{inline-size:100%;block-size:0;inset-inline-start:50%;inset-block-start:50%;opacity:0;transform:translate(-50%,-50%) rotate(45deg)}.bdt-ep-button.bdt-effect-e:hover:after{block-size:260%;opacity:1}.bdt-ep-button.bdt-effect-e:active:after{block-size:400%;opacity:1}.bdt-ep-button.bdt-effect-f{overflow:hidden}.bdt-ep-button.bdt-effect-f:after{inline-size:101%;block-size:0;inset-inline-start:50%;inset-block-start:50%;opacity:0;transform:translate(-50%,-50%)}.bdt-ep-button.bdt-effect-f:hover:after{block-size:75%;opacity:1}.bdt-ep-button.bdt-effect-f:active:after{block-size:130%;opacity:1}.bdt-ep-button.bdt-effect-i{color:#fff;background:#666}.bdt-ep-button.bdt-effect-i .bdt-btn-content-wrap::before,.bdt-ep-button.bdt-effect-i .bdt-btn-content-wrap::after{content:"";position:absolute;inline-size:100%;block-size:50%;inset-inline-start:0;background:#666;overflow:hidden;transition:transform .3s}.bdt-ep-button.bdt-effect-i .bdt-btn-content-wrap::before{inset-block-start:0;padding-block-start:1em}.bdt-ep-button.bdt-effect-i .bdt-btn-content-wrap::after{inset-block-end:0}.bdt-ep-button.bdt-effect-i:hover{color:#666;background:#fff}.bdt-ep-button.bdt-effect-i:hover .bdt-btn-content-wrap::before{transform:translate3d(0,-100%,0)}.bdt-ep-button.bdt-effect-i:hover .bdt-btn-content-wrap::after{transform:translate3d(0,100%,0)}