.dierre-restock-alert-wrapper .dierre-restock-alert-button {
	cursor: pointer;
	width: 100%;
	padding-left: 40px;
	padding-right: 40px;
	transition: filter 0.4s ease-in;
}

.dierre-restock-alert-wrapper .dierre-restock-alert-button:hover {
	filter: brightness(1.15);
}

.dierre-restock-alert-wrapper .dierre-restock-alert-button svg {
	display: inline-block;
	height: 30px;
	margin-top: -5px;
	margin-right: 10px;
	vertical-align: middle;
	transition: transform 0.4s ease-in;
}

.dierre-restock-alert-wrapper .dierre-restock-alert-button:hover svg {
	transform: scale(1.2);
}

.dierre-restock-alert-wrapper .dierre-restock-alert-button.subscribe {
	background-color: #dc2626;
}

.dierre-restock-alert-wrapper .dierre-restock-alert-button.unsubscribe {
	background-color: #515962;
}

.dierre-restock-alert-wrapper .dierre-restock-alert-button.subscribe .dierre-restock-alert-button-text-subscribe,
.dierre-restock-alert-wrapper .dierre-restock-alert-button.unsubscribe .dierre-restock-alert-button-text-unsubscribe {
	display: inline-block;
}

.dierre-restock-alert-wrapper .dierre-restock-alert-button.subscribe .dierre-restock-alert-button-text-unsubscribe,
.dierre-restock-alert-wrapper .dierre-restock-alert-button.unsubscribe .dierre-restock-alert-button-text-subscribe {
	display: none;
}

.dierre-restock-alert-wrapper .dierre-restock-alert-message {
	margin-top: 5px;
}

.dierre-restock-alert-wrapper .dierre-restock-alert-message .loading-ring {
	display: none;
	width: 22px;
	height: 22px;
	margin-right: 10px;
	vertical-align: middle;
}

.dierre-restock-alert-wrapper .dierre-restock-alert-message .loading-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	margin: 3px;
	border: 3px solid black;
	border-radius: 50%;
	animation: loading-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: black transparent transparent transparent;
}

.dierre-restock-alert-wrapper .dierre-restock-alert-message .loading-ring div:nth-child(1) {
	animation-delay: -0.45s;
}

.dierre-restock-alert-wrapper .dierre-restock-alert-message .loading-ring div:nth-child(1) {
	animation-delay: -0.3s;
}

.dierre-restock-alert-wrapper .dierre-restock-alert-message .loading-ring div:nth-child(1) {
	animation-delay: -0.15s;
}

.dierre-restock-alert-wrapper .dierre-restock-alert-message span {
	display: none;
}

.dierre-restock-alert-wrapper.loading .dierre-restock-alert-message {
	display: block;
}

.dierre-restock-alert-wrapper.loading .dierre-restock-alert-message .loading-ring {
	display: inline-block;
}

@keyframes loading-ring {
  0% {
	transform: rotate(0deg);
  }

  100% {
	transform: rotate(360deg);
  }
}