.ccm-page .btn{
	border: none;
	font-size: 16px;
	font-weight: 500;
	padding: 12px 24px;
	border-radius: 5px;
	color: #fff;
	background: var(--second-color);
	transition: background 0.3s;
	min-width: 120px;
	outline:none!important;
}
.ccm-page .btn.btn-sm{
	font-size:14px;
	padding: 8px 16px;
	border-radius: 3px;
	min-width:auto;
}

.ccm-page .btn.btn-xsm{
	font-size:12px;
	padding: 6px 12px;
	border-radius: 8px;
	min-width:auto;
}

.ccm-page .btn.btn-lg{
	padding: 16px 32px;
	min-width:140px;
}

.ccm-page .btn.btn-secondary{
	background:#444;
}

.ccm-page .btn:hover,
.ccm-page .btn-primary:hover,
.ccm-page .btn-primary:active,
.ccm-page .btn-primary:focus,
.ccm-page .btn-secondary:hover{
	color:#fff;
	background:var(--main-color);
}

.inline-buttons{
	display:flex;
	gap:0.75rem;
	flex-wrap:wrap;
}

.inline-buttons.centered{
	justify-content: center;
}

@media screen and (max-width:480px){
	.inline-buttons .btn{
		width:100%;
	}
}

.user-page-edit .accordion-button {
	font-weight: 600;
	font-size: 1.25rem;
	color: var(--font-color);
}

.user-page-edit .accordion-button:focus {
	border-color: var(--second-color);
	box-shadow: 0 0 0 .5rem rgba(226, 94, 135, 0.15);
}