.button{align-items:center;display:flex;justify-content:center;padding:1.6rem 2.4rem;text-align:center!important;transition:opacity .1s ease-in-out;width:100%}.button:not(.button--white):hover{opacity:.75}.button--white{background-color:transparent;border:1px solid var(--secondary-white,#fff)}.button--dark-white,.button--white{transition:backdrop-filter .1s ease-in-out}.button--dark-white{background-color:transparent!important;border:1px solid var(--dark,#000);color:#000!important}.button--white:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-primary--loading span{animation:fadeOut .3s ease-in-out;opacity:0}.loader{animation:rotate 1s linear infinite;border-radius:50%;height:24px;position:relative;width:24px}.loader:after,.loader:before{animation:prixClipFix 2s linear infinite;border:5px solid #fff;border-radius:50%;box-sizing:border-box;content:"";inset:0;position:absolute}.loader:after{border-color:var(--primary-purple);transform:rotate3d(90,90,0,180deg)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}75%,to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}}.fade-enter-active,.fade-leave-active{transition:opacity 3s ease}.fade-enter-from,.fade-leave-to{opacity:0}