/* Base styles for the store's stand-in for the JetElements Button widget
   (same markup and class names; hover effects 0, 1, 2 and 6, the ones this
   site uses). Per-button styles come from the saved widget settings. */
.jet-button__container{display:flex;flex-flow:row nowrap;justify-content:center}
.jet-button__instance{position:relative;overflow:hidden;max-width:100%;box-sizing:border-box;cursor:pointer;transform:translateZ(0);transition:all .3s cubic-bezier(.5,.12,.46,.88);border-radius:4px}
.jet-button__plane{display:block;width:100%;height:100%;top:0;left:0;position:absolute}
.jet-button__plane-normal{z-index:1;background-color:#6ec1e4}
.jet-button__plane-hover{z-index:3;background-color:#54595f}
.jet-button__state{display:flex;flex-direction:row;justify-content:center;align-items:center;box-sizing:border-box;padding:10px 30px}
.jet-button__state-normal{position:relative;width:100%;height:100%;z-index:2}
.jet-button__state-hover{position:absolute;width:100%;height:100%;top:0;left:0;z-index:4}
.jet-button__icon{display:flex;justify-content:center;align-items:center;color:#fff;width:25px;height:25px;font-size:25px;margin:3px}
.jet-button__icon svg{width:1em;height:1em;fill:currentColor}
.jet-button__label{color:#fff;font-size:20px;line-height:20px;font-weight:600;text-align:left}
.jet-button__instance--icon-left .jet-button__state,.jet-button__instance--icon-right .jet-button__state{flex-direction:row}
.jet-button__instance--icon-top .jet-button__state,.jet-button__instance--icon-bottom .jet-button__state{flex-direction:column}
.jet-button__instance--icon-left .jet-button__icon,.jet-button__instance--icon-top .jet-button__icon,.jet-button__instance--icon-right .jet-button__label,.jet-button__instance--icon-bottom .jet-button__label{order:1}
.jet-button__instance--icon-left .jet-button__label,.jet-button__instance--icon-top .jet-button__label,.jet-button__instance--icon-right .jet-button__icon,.jet-button__instance--icon-bottom .jet-button__icon{order:2}
/* effect 0: swap */
.hover-effect-0 .jet-button__plane-normal,.hover-effect-0 .jet-button__state-normal{opacity:1}
.hover-effect-0 .jet-button__plane-hover,.hover-effect-0 .jet-button__state-hover{opacity:0}
.hover-effect-0:hover .jet-button__plane-normal,.hover-effect-0:hover .jet-button__state-normal{opacity:0}
.hover-effect-0:hover .jet-button__plane-hover,.hover-effect-0:hover .jet-button__state-hover{opacity:1}
/* effect 1: fade */
.hover-effect-1 .jet-button__plane-normal,.hover-effect-1 .jet-button__state-normal .jet-button__icon,.hover-effect-1 .jet-button__state-normal .jet-button__label{opacity:1;transition:all .3s cubic-bezier(.5,.12,.46,.88)}
.hover-effect-1 .jet-button__plane-hover,.hover-effect-1 .jet-button__state-hover .jet-button__icon,.hover-effect-1 .jet-button__state-hover .jet-button__label{opacity:0;transition:all .3s cubic-bezier(.5,.12,.46,.88)}
.hover-effect-1:hover .jet-button__plane-normal,.hover-effect-1:hover .jet-button__state-normal .jet-button__icon,.hover-effect-1:hover .jet-button__state-normal .jet-button__label{opacity:0}
.hover-effect-1:hover .jet-button__plane-hover,.hover-effect-1:hover .jet-button__state-hover .jet-button__icon,.hover-effect-1:hover .jet-button__state-hover .jet-button__label{opacity:1}
/* effect 2: slide up */
.hover-effect-2 .jet-button__plane-normal,.hover-effect-2 .jet-button__state-normal{transform:translateY(0);transition:all .3s cubic-bezier(.5,.12,.46,.88)}
.hover-effect-2 .jet-button__plane-hover,.hover-effect-2 .jet-button__state-hover{transform:translateY(100%);transition:all .3s cubic-bezier(.5,.12,.46,.88)}
.hover-effect-2:hover .jet-button__plane-normal{transition-delay:.1s;transform:translateY(-100%)}
.hover-effect-2:hover .jet-button__plane-hover{transform:translateY(0);transition-delay:.1s}
.hover-effect-2:hover .jet-button__state-normal{transform:translateY(-100%)}
.hover-effect-2:hover .jet-button__state-hover{transition-delay:.15s;transform:translateY(0)}
/* effect 6: zoom */
.hover-effect-6 .jet-button__plane-normal,.hover-effect-6 .jet-button__state-normal{opacity:1;transform:scale(1);transition:all .3s cubic-bezier(.5,.12,.46,.88)}
.hover-effect-6 .jet-button__plane-hover,.hover-effect-6 .jet-button__state-hover{opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.5,.12,.46,.88)}
.hover-effect-6:hover .jet-button__plane-normal,.hover-effect-6:hover .jet-button__state-normal{opacity:0;transform:scale(1.5)}
.hover-effect-6:hover .jet-button__plane-hover,.hover-effect-6:hover .jet-button__state-hover{opacity:1;transform:scale(1)}