button{cursor:pointer;background-color:var(--theme);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:16px;font-weight:400;transition:background-color .3s}button.default{color:var(--font-white);font-weight:400}button:active{background-color:rgba(var(--theme),.6)}button:disabled{background-color:rgba(var(--theme),.4);cursor:not-allowed}button.primary{background-color:var(--theme);color:#fff}button.secondary{border:2px solid var(--theme);color:var(--theme);background-color:transparent}button.secondary:hover{background-color:var(--theme);color:#fff}button.secondary:disabled{border:2px solid rgba(var(--theme),.4);color:rgba(var(--theme),.4);background-color:transparent}button.link{color:var(--theme);background-color:transparent;padding:0}button.dark{background-color:var(--dark-background);color:#fff}button.outline{border:1px solid var(--theme);color:var(--theme);background-color:transparent;outline-width:0;outline-style:none;font-weight:400}