/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 25 2026 | 15:17:47 */
/* =========================
   LINK BOX (DESC ATAS)
   ========================= */
.wp-linkbox {
  position: relative;
  padding: 14px 18px;
  margin: 14px 0;

  border-radius: 14px;
  background: color-mix(in srgb, #9676c1 10%, transparent);
  border: 1px solid color-mix(in srgb, #9676c1 35%, transparent);

  transition: transform .25s ease, box-shadow .25s ease;
}

.wp-linkbox:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(150,118,193,.18);
}

/* deskripsi di atas */
.wp-linkbox span {
  display: block;
  font-size: .9em;
  opacity: .75;
  margin-bottom: 6px;
}

/* link di bawah */
.wp-linkbox a {
  display: inline-block;
  font-size: 1.05em;
  font-weight: 700;
  color: #9676c1;
  text-decoration: none;
}

.wp-linkbox a:hover {
  opacity: .85;
  text-decoration: none;
}

/* garis aksen */
.wp-linkbox::after {
  content: "";
  position: absolute;
  left: 18px;
  bottom: 12px;
  height: 2px;
  width: 38px;
  background: #9676c1;
  opacity: .6;
  border-radius: 2px;
  transition: width .3s ease;
}

.wp-linkbox:hover::after {
  width: 72px;
}