/* ========================================
   Footer Component
   網站頁尾
   ======================================== */

.site-footer {
  text-align: center;
  padding: 48px 24px 40px;
  margin-top: 48px;
  position: relative;
}

.site-footer::before {
  content: '';
  display: block;
  width: 120px;
  height: 1px;
  margin: 0 auto 48px;
  background: var(--gradient-primary);
  opacity: 0.5;
}

.site-footer p {
  font-family: var(--font-small);
  font-size: 14px;
  color: var(--color-text-muted);
}

.site-footer a {
  color: var(--color-primary);
  text-decoration: none;
}

.site-footer a:hover {
  text-decoration: underline;
}