.loader{animation:l5 2s steps(11) infinite;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}.loader:before{content:"Loading..."}@keyframes l5{to{-webkit-clip-path:inset(0 -1ch 0 0);clip-path:inset(0 -1ch 0 0)}}.app-button{background:color-mix(in srgb,var(--white),transparent 88%);border:1px solid color-mix(in srgb,var(--white),transparent 80%);cursor:pointer;padding:16px 32px;position:relative;width:100%}.app-button:hover:before{height:100%}.app-button__content{color:var(--white);font-family:var(--font-mono);font-size:15px;font-weight:700;mix-blend-mode:difference;text-align:center;text-transform:uppercase}.app-button:before{background:#fff;content:"";height:0;left:0;position:absolute;top:0;transition:all .2s ease-out;width:100%}