/* * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Fira Sans', sans-serif;
    background-color: #FF5E3B;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
} */
	/* 
	.blog-card-berita {
		display: flex;
		width: 100%;
		height: 250px;
		background: linear-gradient(135deg, #ff512f 0%, #f09819 100%);
		border-radius: 20px;
		overflow: hidden;
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
		background-color: #fff;
	}

	.blog-card__img-berita {
		width: 35%;
		height: 250px;
		overflow: hidden;
		border-radius: 0 0 0 20px;
		padding: 20px 0;
	}

	.blog-card__img-berita img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 20px;
	}

	.blog-card__content-berita {
		display: flex;
		flex-direction: column;
		padding: 20px;
		justify-content: center;
		flex: 1;
	}

	.blog-card__date-berita {
		font-size: 14px;
		color: #999;
		margin-bottom: 10px;
	}

	.blog-card__title-berita {
		font-size: 24px;
		color: #333;
		margin-bottom: 10px;
	}

	.blog-card__text-berita {
		font-size: 16px;
		color: #666;
		margin-bottom: 20px;
	}

	.blog-card__button-berita {
		font-size: 14px;
		padding: 10px 20px;
		background-color: #ff512f;
		color: #fff;
		border-radius: 50px;
		text-decoration: none;
		text-align: center;
		width: fit-content;
	}

	.blog-card__button-berita:hover {
		background-color: #f09819;
	}



	*/












.blog-card-berita {
    position: relative;
    display: flex;
    /* width: 800px; */
	width: 100%;
    height: 200px;
    /* background: linear-gradient(135deg, #ff512f 0%, #f09819 100%); */
    border-radius: 20px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    /* overflow: hidden; */ /* Dihapus agar gambar tidak terpotong */
	margin-left: 40px;

	background: linear-gradient(145deg, #f9d976, #d4af37, #b8860b);
	/* border-radius: 15px; */
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3), inset 0 -10px 20px rgba(0, 0, 0, 0.2);
	transform-style: preserve-3d;

	/* transition: 0.3s ease-in-out; */
}

.blog-card-berita:hover .blog-card__img-berita{
	transform: scale(1.15);
	/* transition: 0.3s ease-in-out; */
}

.blog-card__img-berita {
    position: relative;
    width: 35%;
    height: 200px;
    margin-left: -40px; /* Geser keluar ke kiri */
    border-radius: 0 0 0 20px;
	padding: 20px 0;
	transition: 0.3s ease-in-out;
}

.blog-card__img-berita img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	border-radius: 20px;
}

.blog-card__content-berita {
    display: flex;
    flex-direction: column;
    padding: 20px;
    /* justify-content: center; */
    flex: 1;
	text-align: left;	
}

.blog-card__date-berita {
    font-size: 14px;
    color: #999;
    margin-bottom: 10px;
}

.blog-card__title-berita {
    /* font-size: 24px;
    color: #333;
    margin-bottom: 10px; */

	margin-bottom: 10px;
	/* font-size: 20px; */
	font-size: 16px;
	font-weight: 700;
	color: #0d0925;
	text-transform: capitalize;
}

.blog-card__text-berita {
    /* font-size: 16px;
    color: #666; */
    margin-bottom: 20px;
	line-height: 1.3rem;

	/* background-color: #585b6d; */
	background-color: #585b6d54;
	border-radius: 6px;
	/* border-radius: 4px 4px 16px 16px; */
	padding: 2px 12px;
	color: white;
}

.blog-card__button-berita {
    font-size: 14px;
    padding: 10px 20px;
    background-color: #ff512f;
    color: #fff;
    border-radius: 50px;
    text-decoration: none;
    text-align: center;
    width: fit-content;
}

.blog-card__button-berita:hover {
    background-color: #f09819;
}