.btn-container {
	position: relative;
}


.btn-container .btn-primary:hover svg {
	fill: rgb(var(--rotessa-blue));
} 
.btn-container .btn-primary, .btn-container .btn-secondary {
	padding: 16px 54px;
	border-radius: var(--border-radius-sm);
	text-decoration: none;
}
.single-post .page-body .post-content .btn-container .btn-primary,
.single-post .page-body .post-content .btn-container .btn-secondary,
.single-post .page-body .post-content .btn-container .btn-tertiary,
.btn-container a.btn-tertiary {
	text-decoration: none;
}
.btn-container .btn-primary,
.btn-container .btn-secondary,
.btn-container .btn-tertiary {
	display: inline-block;
	transition: var(--transition-fast);
}

.btn-container .btn-icon-left:not(.custom-link), .btn-container .btn-icon-right:not(.custom-link) {
	display: flex; 
	justify-content: center;
	align-items: center;
	width: max-content;
}


.btn-container .btn-accent:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin).btn-primary.btn:hover,
.btn-container .btn-accent:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin).btn-primary.btn:focus {
    color: white !important;
    
}

.btn-container .btn-primary {
	position: relative;
	background-color: rgb(var(--rotessa-blue));
	font-weight: 600;
	z-index: 2;
	color: white !important;
	box-shadow: var(--box-shadow-light);
	border: 0;
}
.btn-container .btn-primary:hover {
	background-color: transparent;
	color: rgb(var(--light-blue)) !important;
	box-shadow: none;
}
.theme-light .btn-container .btn-secondary {
	background-color: rgba(var(--rotessa-blue), .05) !important;
	color: rgb(var(--text-light)) !important;
	border: none;
}
.btn-container .btn-secondary, .theme-dark .btn-container .btn-secondary {
	position: relative;
  background-color: rgba(var(--rotessa-blue), .15) !important;
  border: none;
	color: white !important;
	font-weight: 600;
	z-index: 2;
}
.btn-container .btn-secondary:hover {
	background: transparent !important;
	color: rgb(var(--light-blue)) !important;
}

.btn-tertiary {
	position: relative;
	background: none;
	padding: 20px 0;
	font-weight: 600;
	z-index: 2;
	transition: var(--transition-fast);
	text-decoration: none;
}
.theme-light.btn-tertiary {
	color: rgb(var(--text-light));
}
.btn-tertiary:hover {
	color: rgb(var(--light-blue)) !important;
}
.theme-light .btn-tertiary:hover {
	color: rgb(var(--rotessa-blue)) !important;
}
.btn-tertiary.arrow-left {
	padding-left: 30px;
	padding-right: 0 !important;
}
.btn-tertiary.arrow-right, .btn-tertiary.arrow-up, .btn-tertiary.arrow-down {
	padding-right: 30px;
	padding-left: 0 !important;
}
.btn-tertiary.arrow-left:before, .btn-tertiary.arrow-right:after, .btn-tertiary.arrow-up:after, .btn-tertiary.arrow-down:after {
	position: absolute;
	font-family: 'uncodeicon' !important;
	transition: var(--transition-fast);
}
.btn-tertiary.arrow-left:before {
	content: "\e0c2";
	left: 0px;
}
.btn-tertiary.arrow-right:after {
	content: "\e0c3";
	right: 0px;
}
.btn-tertiary.arrow-up:after {
	content: "\f077";
	right: 0px;
}
.btn-tertiary.arrow-down:after {
	content: "\f078";
	right: 0px;
}
.btn-tertiary.arrow-left:hover:before {
	left: -6px;
}
.btn-tertiary.arrow-right:hover:after {
	right: -6px;
}
.btn-tertiary.arrow-up:hover:after {
	transform: translatey(-6px);
}
.btn-tertiary.arrow-down:hover:after {
	transform: translatey(6px);
}