1 files changed, 65 insertions, 0 deletions
diff --git a/CSS/button.css b/CSS/button.css
new file mode 100644
index 0000000..b0833f6
--- /dev/null
+++ b/CSS/button.css
@@ -0,0 +1,65 @@
+/* Button style */
+
+/* Default button */
+a.button, button.button
+{
+    padding: 0.1rem 1rem;
+    margin: 0rem 0.3rem;
+
+	border: none;
+	cursor: pointer;
+
+    text-align: center;
+    text-decoration: none;
+    text-transform: uppercase;
+	font-weight: bold;
+
+    background-color: var(--link-bg-color);
+    color: var(--link-color); 
+	border: 1px solid var(--link-bg-color);
+}
+
+a.button:hover, button.button:hover
+{ 
+    color: var(--link-bg-color);
+    background-color: var(--link-color);
+}
+
+/* Reversed button */
+a.button-reversed, button.button-reversed
+{
+    padding: 0.1rem 1rem;
+    margin: 0rem 0.3rem;
+
+	border: none;
+	cursor: pointer;
+
+    text-align: center;
+    text-decoration: none;
+    text-transform: uppercase;
+	font-weight: bold;
+
+    background-color: var(--link-color);
+    color: var(--link-bg-color); 
+    border: 1px solid var(--link-color);
+}
+
+a.button-reversed:hover, button.button-reversed:hover
+{ 
+    color: var(--link-color);
+    background-color: var(--link-bg-color);
+}
+
+/* Button disabled */
+button:disabled, button[disabled]
+{
+	opacity: 0.6;
+	cursor: not-allowed;
+}
+
+/* Link */
+a.link 
+{
+	color: var(--link-bg-color);
+	text-decoration: underline;
+}