/* Bagian Recent Post */
.recent{
    padding-top: 55px;
}
@media (min-width: 992px) {
    .recent{
        padding-top: 0px;
    }
}
.recent .judul{
	border:none;
	margin-bottom: 15px;
	color: #444444;
	font-size: 20px;
	border-top: 1px dashed #dfdcdc;
	margin-top: 15px;
	padding-top: 15px;
	padding-bottom: 5px;
}
.recent a{
	color: #444444;
	text-decoration: none;
	font-size: 14px;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.judul-post{
	line-height: 14px;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.tanggal-post{
	font-size: 12px;
	color: silver;
	margin-top: 10px;
	margin-bottom: -1px;
}
.recent a:hover{
    color: #26969c;
    transition: 1s;
}
.tabel-post td{
	padding: 7px 5px;
}
.tabel-post img{
	border-radius: 3px;
}
.tabel-post{
	border-bottom: 1px dashed #dfdcdc;
}
.judul-link{
	color: #1f7e7c;
}
.judul-link:hover{
	color: #155554;
}

.btn-whatsapp {
  background: linear-gradient(to left, #63ad54, #005e3b);
  background-size: 200% 100%;
  background-position: right center;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  margin-right: 5px;
  margin-bottom: 5px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 15px;
  color: #fff;
  text-decoration: none;
  transition: background-position 0.5s ease, color 0.5s ease;
}

.btn-whatsapp:hover {
  background-position: left center;
  color: #fff;
}

.btn-facebook {
  background: linear-gradient(135deg, #dfdfdf, #dfdfdf); /* awal: solid via gradasi */
  background-size: 200% 100%;
  background-position: right center;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  margin-bottom: 5px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 15px;
  color: rgb(49, 49, 49);
  text-decoration: none;
  transition: background-position 0.5s ease, color 0.5s ease;
}

.btn-facebook:hover {
  background: linear-gradient(135deg, #3b5998, #665bff); /* gradasi hover */
  background-position: left center;
  color: white;
}