.container {
	width: 80%;
	margin-top: 15px;
}

.container-title {
	font-size: 22px;
	font-family: 500;
	letter-spacing: -1px;
}

.btn-container {
	padding: 10px;
	margin-top: 5px;
	width: 45%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.gap {
	justify-content: flex-start;
}
/* component styles  */
.btn {
	border: none;
	background-color: transparent;
	padding: 7px 16px;
	border-radius: 4px;
	font-size: 16px;
	cursor: pointer;
	font-weight: 500;
	margin: 10px 13px 10px 13px;
	transition: all 0.1s;
}

.btn-primary {
	background-color: rgb(46, 46, 46);
	color: white;
}
.btn-secondary {
	background-color: rgb(175, 175, 175);
}

.btn-success {
	background-color: rgb(126, 235, 126);
}
.btn-danger {
	background-color: rgb(243, 106, 106);
	color: white;
}

.btn-primary-outlined {
	border: 1px solid rgb(46, 46, 46);
}
.btn-secondary-outlined {
	border: 1px solid rgb(175, 175, 175);
}
.btn-success-outlined {
	border: 1px solid rgb(126, 235, 126);
}

.btn-danger-outlined {
	border: 1px solid rgb(243, 106, 106);
}

.btn-primary-outlined:hover {
	background-color: rgb(46, 46, 46);
	color: white;
}
.btn-secondary-outlined:hover {
	background-color: rgb(175, 175, 175);
}

.btn-success-outlined:hover {
	background-color: rgb(126, 235, 126);
}
.btn-danger-outlined:hover {
	background-color: rgb(243, 106, 106);
	color: white;
}

.float {
	border-radius: 36px;
	height: 45px;
	width: 45px;
	display: flex;
	align-items: center;
}

/* component styles  */