Add code for the buttons

1 files changed, 39 insertions, 0 deletions

diff --git a/styles/index.module.css b/styles/index.module.css
index 2314363..582cf74 100644
--- a/styles/index.module.css
+++ b/styles/index.module.css
@@ -9,3 +9,42 @@
   color: var(--text-dimmed);
   margin-right: var(--text-padding);
 }
+
+.the88x31s {
+  column-width: 90px;
+  text-align: center;
+}
+
+.the88x31s > a {
+  width: 88px;
+  height: 31px;
+  margin: 2px;
+  display: inline-block;
+}
+
+.the88x31s img {
+  width: inherit;
+  height: inherit;
+  overflow: hidden;
+  object-fit: cover;
+  filter: grayscale(1) brightness(.8) opacity(.8);
+  transition: .4s ease-in-out filter;
+}
+
+.the88x31s a:has(img + img) img:first-child {
+  position: absolute;
+  display: none;
+  z-index: 2;
+}
+
+.the88x31s a:hover img {
+  display: initial!important;
+  filter: none;
+  transition: .025s ease-in-out filter;
+}
+
+@media (pointer:coarse) or (pointer:none) {
+  .the88x31s img {
+    filter: contrast(.6) brightness(.6) grayscale(.2);
+  }
+}