.abtn{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:.6rem;justify-content:center;align-items:center;height:2.625rem;padding:.75rem;font-weight:500;transition:background-color .2s;display:inline-flex;position:relative;overflow:hidden}.abtn--primary{color:#fff;background-color:#3b82f6}.abtn--secondary{color:#0e121b;background-color:#f5f7fa}.abtn__inner{width:100%;height:100%;display:flex;position:relative}.abtn__text,.abtn__icon{justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.abtn__text{opacity:1;transform:translate(0,0%)}.abtn:hover .abtn__text{opacity:0;transform:translateY(-100%)}.abtn__icon{opacity:0;transform:translateY(100%)}.abtn:hover .abtn__icon{opacity:1;transform:translate(0,0%)}@media (max-width:1000px){.abtn--secondary{background-color:#222530}}.abtn--hero-demo.abtn--secondary{color:#0e121b;background-color:#f5f7fa}