.ne-ea-cb{display:flex;justify-content:flex-start}
.ne-ea-cb--center{justify-content:center}
.ne-ea-cb--right{justify-content:flex-end}
.ne-ea-cb__btn{position:relative;z-index:1;min-width:150px;display:block;box-sizing:border-box;padding:20px 30px;border-radius:2px;background-color:#333;color:#fff;line-height:16px;text-align:center;text-decoration:none;cursor:pointer;transition:background .3s,color .3s,border-color .3s,box-shadow .3s}
.ne-ea-cb__btn:hover,.ne-ea-cb__btn:focus-visible{background-color:#f54;color:#fff;text-decoration:none}
.ne-ea-cb__btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.ne-ea-cb__inner{display:flex;align-items:center;justify-content:center}
.ne-ea-cb__text{display:block}
.ne-ea-cb__icon{display:block;color:#fff}
.ne-ea-cb__icon--left{margin:0 5px 0 0}
.ne-ea-cb__icon--right{margin:0 0 0 5px}
.ne-ea-cb__icon svg{display:inline;width:30px;height:30px;vertical-align:baseline}
.ne-ea-cb__btn:hover .ne-ea-cb__icon{color:#fff}

/* effects that bring their own layer: the button keeps its own colour */
.ne-ea-cb__btn--ujarak:hover,.ne-ea-cb__btn--ujarak:focus-visible,.ne-ea-cb__btn--wayra:hover,.ne-ea-cb__btn--wayra:focus-visible{background-color:#333}
.ne-ea-cb__btn--ujarak::before,.ne-ea-cb__btn--wayra::before{content:"";position:absolute;z-index:-1;background-color:#f54;transition:transform .3s,opacity .3s}
.ne-ea-cb__btn--ujarak::before{inset:0;opacity:0;transform:scaleX(.7)}
.ne-ea-cb__btn--ujarak:hover::before,.ne-ea-cb__btn--ujarak:focus-visible::before{opacity:1;transform:none}
.ne-ea-cb__btn--wayra{overflow:hidden}
.ne-ea-cb__btn--wayra::before{top:0;right:-50%;width:150%;height:100%;transform-origin:0 100%;transform:rotate(-45deg) translateY(-3em)}
.ne-ea-cb__btn--wayra:hover::before,.ne-ea-cb__btn--wayra:focus-visible::before{transform:none}

/* effects that swap the text */
.ne-ea-cb__btn--winona,.ne-ea-cb__btn--rayen{padding:0;overflow:hidden}
.ne-ea-cb__btn--winona .ne-ea-cb__inner,.ne-ea-cb__btn--rayen .ne-ea-cb__inner{padding:16px 32px;transition:transform .3s}
.ne-ea-cb__btn--winona::after,.ne-ea-cb__btn--rayen::before{content:attr(data-hover);position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:16px 32px;transition:transform .3s,opacity .3s}
.ne-ea-cb__btn--winona::after{inset:0;opacity:0;transform:translateY(12px)}
.ne-ea-cb__btn--winona .ne-ea-cb__text{transition:opacity .3s}
.ne-ea-cb__btn--winona:hover::after,.ne-ea-cb__btn--winona:focus-visible::after{opacity:1;transform:none}
.ne-ea-cb__btn--winona:hover .ne-ea-cb__text,.ne-ea-cb__btn--winona:focus-visible .ne-ea-cb__text{opacity:0}
.ne-ea-cb__btn--rayen::before{inset:0;background-color:#f54;transform:translateX(-100%)}
.ne-ea-cb__btn--rayen:hover::before,.ne-ea-cb__btn--rayen:focus-visible::before{transform:none}
.ne-ea-cb__btn--rayen:hover .ne-ea-cb__inner,.ne-ea-cb__btn--rayen:focus-visible .ne-ea-cb__inner{transform:translateY(100%)}

@media (prefers-reduced-motion:reduce){
	.ne-ea-cb__btn,.ne-ea-cb__btn::before,.ne-ea-cb__btn::after,.ne-ea-cb__inner{transition:none!important}
}

/* tamaya: the hover text sits in two halves that slide apart to reveal the button text */
.ne-ea-cb__btn--tamaya{min-width:180px;margin:16px;padding:16px 32px;overflow:hidden}
.ne-ea-cb__btn--tamaya .ne-ea-cb__text{opacity:0;transform:scale(.2);transition:transform .3s,opacity .3s}
.ne-ea-cb__alt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:16px 32px;transition:transform .3s}
.ne-ea-cb__alt--a{clip-path:inset(0 0 50% 0)}
.ne-ea-cb__alt--b{clip-path:inset(50% 0 0 0)}
.ne-ea-cb__btn--tamaya:hover .ne-ea-cb__text,.ne-ea-cb__btn--tamaya:focus-visible .ne-ea-cb__text{opacity:1;transform:none}
.ne-ea-cb__btn--tamaya:hover .ne-ea-cb__alt--a,.ne-ea-cb__btn--tamaya:focus-visible .ne-ea-cb__alt--a{transform:translateY(-120px)}
.ne-ea-cb__btn--tamaya:hover .ne-ea-cb__alt--b,.ne-ea-cb__btn--tamaya:focus-visible .ne-ea-cb__alt--b{transform:translateY(120px)}
.ne-ea-cb .ne-ea-cb__btn,.ne-ea-cb .ne-ea-cb__btn:hover,.ne-ea-cb .ne-ea-cb__btn:focus{text-decoration:none}
