.card {
	position: relative;
}

.hover-container {
	position: relative;
}

.view-details-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.hover-container:hover .view-details-btn {
	opacity: 1;
}

.view-details-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.view-details-btn a {
	text-decoration: none;
	display: inline-block;
	padding: 10px 15px;
	border: 2px solid #ffb606;
	border-radius: 5px;
	color: #000000;
	font-size: 15px; 
	white-space : nowrap;	
	transition: background-color 0.3s ease, color 0.3s ease;
	white-space: nowrap;
}

.view-details-btn:hover a {
	background-color: #ffb606;
	color: #000000;
}

.modal.fade.inside .modal-dialog {
	max-width: 80vw;
	justify-content: center;
	max-height: 100%;
}

.modal.fade.inside .modal-body {
	align-items: center;
	justify-content: center;
	max-height: auto;
	overflow-y: auto;
}

.modal.fade.inside .modal-body img {
	max-width: 90%;
	max-height: 100%;
}