first commit

1 files changed, 77 insertions, 0 deletions

diff --git a/buttons.css b/buttons.css
new file mode 100644
index 0000000..04b3f0a
--- /dev/null
+++ b/buttons.css
@@ -0,0 +1,77 @@
+:root {
+    --btn-text-color: #172F50;
+}
+.documentlodgementservice .btn {
+    color: var(--btn-text-color) !important;
+    font-size: var(--font-size-16);
+    margin: 12px 0;
+    padding: 12px 32px 10px 32px;
+    cursor: pointer;
+}
+.documentlodgementservice a.btn {
+    line-height: normal;
+}
+.documentlodgementservice .btn.primary {
+    font-weight: bold;
+    background-color: var(--ocean-blue-40);
+}
+
+.documentlodgementservice .btn.secondary {
+    font-weight: bold;
+    background-color: var(--white);
+    border-color: var(--navy);
+}
+
+.documentlodgementservice .btn.tertiary {
+    background-color: var(--white);
+    border-color: #a7a8a9;  
+}
+
+.documentlodgementservice .btn:hover {
+    background-color: var(--light-navy);
+    border-color: var(--light-navy);
+    color: var(--white) !important;
+    text-decoration: none;
+}
+
+button.btn.primary:focus,
+.documentlodgementservice .btn:focus {
+    text-decoration: none;
+    outline: none;
+    /* color: var(--white) !important; */
+}
+
+.documentlodgementservice .btn:focus:before {
+    content: " ";
+    position: absolute;
+    z-index: 1;
+    top: -6px;
+    left: -6px;
+    right: -6px;
+    bottom: -6px;
+    border-radius: 6px;
+    border: 2px solid var(--navy);
+}
+
+.documentlodgementservice .btn[disabled] {
+    background-color: var(--grey1c-100);
+    color: #76797c !important;
+    border-color: #bbbcbc;
+}
+
+.documentlodgementservice .btn:active {
+    text-decoration: none;
+    outline: none;
+    color: var(--white) !important;
+    background-color: #1d2e51 !important;
+}
+.documentlodgementservice .btn.small {
+    max-width: 50%;
+}
+.documentlodgementservice .btn-group{
+    display: flex;
+
+}
+.documentlodgementservice .btn-group *{
+    max-width: calc(50% - 1rem);
+}
\ No newline at end of file