.changelog .modal-inner-wrap{
	width:50%; 
	max-width: 400px; 
	background-color: var(--color-primary);
	border: 1px solid var(--color-secondary);
	
}

.changelog .modal-header { padding-bottom: 0; }
.changelog .modal-content { 
	color: var(--color-secondary); 
	font-size: 1.3em; 
}

.changelog .modal-title	{
	border: 0;
	font-size: 25px;
	font-weight: 600;
	letter-spacing: -0.01em;
	color: #fff;
	margin: 3px 0 0px;
}

.changelog .modal-footer { padding: 5px; border:0; }

.changelog button { 
	background-color: var(--color-primary); 
	color: #fff; 
	font-weight: 600; 
	padding: 3px 10px !important;
}
.changelog button:hover { 
	color: #fff; 
	background-color: var(--color-primary); 
	font-weight: 600; 
}
.changelog button:first-child { float: left; }

@media (max-width: 480px) {
    .changelog .modal-inner-wrap {
        width: 90%;
    }
    .modal-footer {
        text-align: center;
    }
    .changelog button {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .changelog button:first-child {
        float: none;
    }
}