.btn {
	display: inline-block;
	font-weight: 400;
	color: #212529 !important;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	background-color: transparent;
	border: none;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	text-decoration: none;
	transition: color 0.33s ease-in-out, background-color 0.33s ease-in-out, border-color 0.33s ease-in-out, box-shadow 0.33s ease-in-out;
}

.btn .icon {
	background-color: #ffffff;
}

.btn-sm {
	font-size: 0.8rem;
	padding: 0.2rem;
}

@media (prefers-reduced-motion: reduce) {
	.btn {
		transition: none
	}
}

.btn:hover {
	color: #212529 !important;
	text-decoration: none;
}

.btn.focus, .btn:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}


.btn {
	cursor: pointer;
}

.btn-primary {
	background-color: #233675;
	color: #ffffff;
	font-weight: bolder;
	background-image: url(/templates/b2c/images/arrow-button-right.png);
	background-position: calc(100% - 30px) center;
	background-repeat: no-repeat;
	padding: 10px 80px 10px 50px;

}

.btn-primary .icon {
	background-color: #ffffff;
}

.btn-primary .btn-content {
	color: #ffffff;
}


.btn-primary:hover {
	color: #ffffff !important;
	background-color: #0069d9;
}

.btn-primary.focus, .btn-primary:focus {
	color: #ffffff !important;
	background-color: #0069d9;
	box-shadow: 0 0 0 .2rem rgba(38, 143, 255, 0.5);
}

.btn-secondary {
	color: #ffffff !important;
	background-color: #6c757d !important;
}

.btn-secondary .icon {
	background-color: #ffffff;
}


.btn-secondary:hover {
	color: #ffffff !important;
	background-color: #5a6268;
}

.btn-secondary.focus, .btn-secondary:focus {
	color: #ffffff !important;
	background-color: #5a6268;
	box-shadow: 0 0 0 .2rem rgba(130, 138, 145, 0.5);
}

.btn-success {
	color: #ffffff !important;
	background-color: var(--color-02-hex);
	background-image: url(/templates/b2c/images/arrow-button-right.png);
	background-position: calc(100% - 30px) center;
	background-repeat: no-repeat;
	padding: 10px 80px 10px 50px;
	font-size: 17px;
	text-transform: uppercase;
	font-family: Roboto, sans-serif;
	font-weight: 700

}
.btn-success:hover {
	color: #ffffff !important;
	background-color: #218838;
}

.btn-success.focus, .btn-success:focus {
	color: #ffffff !important;
	background-color: #218838;
	box-shadow: 0 0 0 .2rem rgba(72, 180, 97, 0.5);
}


.btn-info {
	background-color: #474747;
	color: #ffffff !important;
	font-weight: bolder;
	background-image: url(/templates/b2c/images/arrow-button-right.png);
	background-position: calc(100% - 30px) center;
	background-repeat: no-repeat;
	padding: 10px 80px 10px 50px;
}




.btn-info:hover {
	color: #ffffff !important;
	background-color: #138496;
}

.btn-info.focus, .btn-info:focus {
	color: #ffffff !important;
	background-color: #138496;
	box-shadow: 0 0 0 .2rem rgba(58, 176, 195, 0.5);
}


.btn-warning {
	color: #212529 !important;
	background-color: #ffc107;
}

.btn-warning .icon {
	background-color: #212529;
}


.btn-warning:hover {
	color: #212529 !important;
	background-color: #e0a800;
}

.btn-warning.focus, .btn-warning:focus {
	color: #212529 !important;
	background-color: #e0a800;
	box-shadow: 0 0 0 .2rem rgba(222, 170, 12, 0.5);
}

.btn-danger {
	background-color: #dc3545;
	color: #ffffff;
	font-weight: bolder;
	background-image: url(/templates/b2c/images/arrow-button-right.png);
	background-position: calc(100% - 30px) center;
	background-repeat: no-repeat;
	padding: 10px 80px 10px 50px;
	text-decoration: none;
}

.btn-danger .btn-content {
	color: #ffffff;
}

.btn-danger:hover {
	color: #ffffff !important;
	background-color: #c82333;
}

.btn-danger.focus, .btn-danger:focus {
	color: #ffffff !important;
	background-color: #c82333;
	box-shadow: 0 0 0 .2rem rgba(225, 83, 97, 0.5);
}

.btn-light {
	color: #212529 !important;
	background-color: #f8f9fa;
}

.btn-light .icon {
	background-color: #212529;
}


.btn-light:hover {
	color: #212529 !important;
	background-color: #e2e6ea;
}

.btn-light.focus, .btn-light:focus {
	color: #212529 !important;
	background-color: #e2e6ea;
	box-shadow: 0 0 0 .2rem rgba(216, 217, 219, 0.5);
}

.btn-dark {
	color: #ffffff !important;
	background-color: #343a40;
}

.btn-dark:hover {
	color: #ffffff !important;
	background-color: #23272b;
}

.btn-dark.focus, .btn-dark:focus {
	color: #ffffff !important;
	background-color: #23272b;
	box-shadow: 0 0 0 .2rem rgba(82, 88, 93, 0.5);
}

.btn-link {
	font-weight: 400;
	color: #233776;
	text-decoration: none;
}

.btn-link .icon {
	background-color: #233776;
}


.btn-link:hover {
	color: #0056b3 !important;
	text-decoration: underline;
}

.btn-link.focus, .btn-link:focus {
	text-decoration: underline;
}


.btn-group, .btn-group-vertical {
	position: relative;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: middle;
}

.btn-group > .btn {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.btn-group > .btn:hover {
	z-index: 1;
}

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus {
	z-index: 1;
}

.btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) {
	margin-left: -1px;
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
}


.btn-upload {
	position: relative;
	overflow: hidden;
	margin: 10px;
}

.btn-upload>div {
	display:flex;
	align-items: center;
}

.btn-upload input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;padding: 0;font-size: 20px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);
}

.btn-content {
	display: flex;
	align-items: center;
	gap: 6px;
}