.subscription-form-wrap {
	margin-top: 20px;
	 margin-bottom: 20px;
	 border-radius: 5px;
	 overflow: hidden;
	 background-color: #101b32;
	 box-shadow: 0 0 15px 0 rgba(7, 16, 39, 0.4);
	 padding: 20px;
	 box-sizing: border-box;
	 text-align: center;
}
 .subscription-form-wrap .subscription-title {
	 text-transform: uppercase;
	 font-size: 22px;
	 font-weight: 800;
	 color: #40f3f7;
	 margin-bottom: 10px;
}
 .subscription-form-wrap .subscription-desc {
	 color: #a6bbd3;
	 font-size: 14px;
	 line-height: 1.5;
	 margin-bottom: 10px;
}
 .subscription-form-wrap form {
	 margin-top: 20px;
}
 .subscription-form-wrap input[type="email"] {
	 width: 100%;
	 padding: 11px 8px;
	 margin-bottom: 10px;
	 border: none;
	 border-radius: 10px;
	 box-sizing: border-box;
	 background: rgba(166, 187, 211, 0.2);
	 text-align: center;
	 color: #fff;
}
 .subscription-form-wrap input[type="email"]::placeholder {
	 color: #a6bbd3;
}
 .subscription-form-wrap button {
	 padding: 10px 20px;
	 background-color: #123969;
	 color: #40f3f7;
	 border: 1px solid rgba(64, 243, 247, 0.12);
	 border-radius: 10px;
	 cursor: pointer;
	 text-transform: uppercase;
	 font-weight: 700;
	 margin-top: 5px;
	 width: 100%;
	 box-shadow: 0 0 60px rgba(64, 243, 247, 0.3);
}
 .subscription-form-wrap button:hover {
	 background-color: #005177;
}
 .subscription-form-wrap .notification {
	 margin-top: 10px;
	 line-height: 1.5;
	 font-size: 14px;
}
/* Основной стиль кнопки */
 .subscribe-form button[type="submit"] {
	 transition: all 0.3s ease;
}
/* Стиль кнопки во время загрузки */
 .subscribe-form button[type="submit"].loading {
	 background-color: #999;
	 color: #fff;
	 cursor: not-allowed;
	 position: relative;
}
/* Анимация загрузки (например, спиннер) */
 .subscribe-form button[type="submit"].loading::after {
	 content: '';
	 position: absolute;
	 right: 10px;
	 top: 50%;
	 transform: translateY(-50%);
	 border: 2px solid #fff;
	 border-radius: 50%;
	 border-top-color: transparent;
	 width: 16px;
	 height: 16px;
	 animation: spin 1s linear infinite;
}
 @keyframes spin {
	 from {
		 transform: translateY(-50%) rotate(0deg);
	}
	 to {
		 transform: translateY(-50%) rotate(360deg);
	}
}