#berita-konten img {
  width: 100%;
  object-fit: contain;
}
/* Button share halaman rilis media */
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  overflow: hidden;
}

.btn .label {
  display: none; /* Hide label by default */
}

.btn .bi {
  flex-shrink: 0; /* Prevent the icon from shrinking */
  margin-right: 0; /* Remove margin when label is hidden */
}

/* Show label and add margin to the icon only on medium screens (768px to 991px) */
@media (min-width: 768px) and (max-width: 991px) {
  .btn .label {
    display: inline-block;
  }
  .btn .bi {
    margin-right: 0.25rem; /* Equivalent to Bootstrap's me-1 */
  }
}

.btn-whatsapp {
  color: #fff;
  background-color: #0dc143;
  border-color: #0dc143;
}

.btn-whatsapp:hover,
.btn-whatsapp:active,
.btn-whatsapp:focus,
.btn-whatsapp.active {
  background: hsl(138, 87%, 30%);
  color: #ffffff;
  border-color: hsl(138, 87%, 30%);
}
.btn-twitter-1 {
  color: #fff;
  background-color: #55acee;
  border-color: #55acee;
}

.btn-twitter-1:hover,
.btn-twitter-1:active,
.btn-twitter-1:focus,
.btn-twitter-1.active {
  background: #33acee;
  color: #ffffff;
  border-color: #33acee;
}

.btn-linkedin-1 {
  color: #fff;
  background-color: #007bb5;
  border-color: #007bb5;
}

.btn-linkedin-1:hover,
.btn-linkedin-1:active,
.btn-linkedin-1:focus,
.btn-linkedin-1.active {
  background: #005bb5;
  color: #ffffff;
  border-color: #005bb5;
}

.btn-facebook-1 {
  color: #fff;
  background-color: #3b5998;
  border-color: #3b5998;
}

.btn-facebook-1:hover,
.btn-facebook-1:active,
.btn-facebook-1:focus,
.btn-facebook-1.active {
  background: #1b5998;
  color: #ffffff;
  border-color: #1b5998;
}

/* Override light button */
.btn-outline-light:hover,
.btn-outline-light:active,
.btn-outline-light:focus,
.btn-outline-light.active {
  background: var(--color-primary);
  color: var(--color-on-primary);
  border-color: var(--color-primary);
}