No edit summary
No edit summary
Line 1: Line 1:
/* Inherit same theme as .index-card-image and label */
.intro-button {
.intro-card {
  display: inline-block;
   background: rgba(10, 10, 10, 0.75);
   background: rgba(10,10,10,0.75);
   border: 1px solid rgba(120, 165, 255, 0.2);
   border: 1px solid rgba(120,165,255,0.2);
   border-radius: 12px;
   border-radius: 12px;
   padding: 18px 28px;
   padding: 14px 28px;
   display: inline-block;
   text-align: center;
   transition: all .25s ease;
   transition: all .25s ease;
  text-align: center;
}
.intro-card:hover {
  border-color: #78A5FF;
  background: #1c1e25;
  transform: translateY(-3px);
}
}


/* Text style matching .index-card-label */
.intro-button a {
.intro-card-label {
   color: #FAB243;
   color: #FAB243;
  font-weight: 600;
   font-size: 18px;
   font-size: 18px;
  font-weight: 600;
   letter-spacing: 0.5px;
   letter-spacing: 0.5px;
   text-transform: uppercase;
   text-transform: uppercase;
  text-decoration: none;
}
}


.intro-card-label a {
.intro-button:hover {
   color: inherit;
   border-color: #78A5FF;
   text-decoration: none;
   background: #1c1e25;
  transform: translateY(-3px);
}
}


.intro-card-label a:hover {
.intro-button a:hover {
   text-decoration: underline;
   text-decoration: underline;
}
}

Revision as of 21:35, 5 November 2025

.intro-button {
  display: inline-block;
  background: rgba(10,10,10,0.75);
  border: 1px solid rgba(120,165,255,0.2);
  border-radius: 12px;
  padding: 14px 28px;
  text-align: center;
  transition: all .25s ease;
}

.intro-button a {
  color: #FAB243;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: none;
}

.intro-button:hover {
  border-color: #78A5FF;
  background: #1c1e25;
  transform: translateY(-3px);
}

.intro-button a:hover {
  text-decoration: underline;
}