.ptik-submit-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	min-width: 168px;
	min-height: 46px;
}

.ptik-submit-btn__label {
	transition: opacity 0.22s ease;
}

.ptik-submit-btn.is-loading .ptik-submit-btn__label {
	opacity: 0;
}

.ptik-submit-btn.is-loading,
.ptik-submit-btn.is-loading:disabled {
	opacity: 1;
	cursor: wait;
}

.ptik-submit-btn__loader {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: auto;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.22s ease;
}

.ptik-submit-btn.is-loading .ptik-submit-btn__loader {
	display: flex !important;
	opacity: 1;
}

.ptik-loader-modal {
	width: 15px;
	aspect-ratio: 1;
	border-radius: 50%;
	animation: ptik-loader-modal 1s infinite linear alternate;
}

@keyframes ptik-loader-modal {
	0% {
		box-shadow: 20px 0 #fff, -20px 0 rgba(255, 255, 255, 0.2);
		background: #fff;
	}
	33% {
		box-shadow: 20px 0 #fff, -20px 0 rgba(255, 255, 255, 0.2);
		background: rgba(255, 255, 255, 0.2);
	}
	66% {
		box-shadow: 20px 0 rgba(255, 255, 255, 0.2), -20px 0 #fff;
		background: rgba(255, 255, 255, 0.2);
	}
	100% {
		box-shadow: 20px 0 rgba(255, 255, 255, 0.2), -20px 0 #fff;
		background: #fff;
	}
}

.ptik-submit-feedback {
	width: 100%;
	min-height: 60px;
	margin-top: 20px;
	padding: 15px;
	border: 2px solid var(--border1_hover, var(--ptik-border1-hover));
	border-radius: var(--ptik-radius, 8px);
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.ptik-submit-feedback[hidden] {
	display: none;
}

.ptik-submit-feedback__loader {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	transition: opacity 0.28s ease, transform 0.28s ease;
}

.ptik-loader-inline {
	color: var(--primary, var(--ptik-primary));
	width: 4px;
	aspect-ratio: 1;
	border-radius: 50%;
	box-shadow: 19px 0 0 7px, 38px 0 0 3px, 57px 0 0 0;
	transform: translateX(-38px);
	animation: ptik-loader-inline 0.5s infinite alternate linear;
}

@keyframes ptik-loader-inline {
	50% {
		box-shadow: 19px 0 0 3px, 38px 0 0 7px, 57px 0 0 3px;
	}
	100% {
		box-shadow: 19px 0 0 0, 38px 0 0 3px, 57px 0 0 7px;
	}
}

.ptik-submit-feedback__message {
	position: absolute;
	inset: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	line-height: 1.7;
	font-size: 15px;
	opacity: 0;
	transform: translateY(-14px);
	transition: opacity 0.32s ease, transform 0.32s ease;
}

.ptik-submit-feedback.is-success .ptik-submit-feedback__loader {
	opacity: 0;
	transform: translateY(16px);
	pointer-events: none;
}

.ptik-submit-feedback.is-success .ptik-submit-feedback__message {
	opacity: 1;
	transform: translateY(0);
}

.ptik-submit-feedback.is-hiding {
	opacity: 0;
	transform: translateY(8px);
	transition: opacity 0.35s ease, transform 0.35s ease;
}