.btn{width:100%;height:48px;letter-spacing:0%;text-align:center;cursor:pointer;border:none;border-radius:64px;justify-content:center;align-items:center;padding:0 24px;font-family:ChalkboardSE,cursive;font-size:16px;font-weight:400;transition:background-color .3s,color .3s;display:flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:var(--color-primary);color:var(--color-white)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-light)}.btn--secondary{background-color:var(--color-accent);color:var(--color-white)}.btn--outline{color:var(--color-primary);border:2px solid var(--color-primary);background-color:#0000}.btn--outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white)}