#newsletter {padding: 40px; border: 1px solid #3f3f3f; flex: 1; border-radius: 10px;}
#newsletter input {border-radius: 8px; color: #fff; padding: 16px; font-size: 13px; border: 1px solid #fff; background: transparent; height: 48px;}
#newsletter input::placeholder {color: #fff}
#newsletter input:focus {background: #121212}
#newsletter button {height: 100%; padding: 0 40px; font-weight: 600}
#newsletter .newsletter-wrapper {display: flex; gap: 16px; justify-content: end;}
#newsletter .newsletter-text {flex: 1;}
#newsletter .newsletter-field {max-width: 240px;}
#newsletter .newsletter-btn {flex: none;}
#newsletter .newsletter-btn button {background: #fff; color: #000; border-radius: 8px;}
#newsletter .newsletter-btn button:hover, #newsletter .newsletter-btn button:active {background: #eee !important; color: #000 !important;}
#newsletter .newsletter-title {font-size: 20px; font-weight: 700; margin-bottom: 4px; text-transform: none;}
#newsletter .newsletter-description {font-size: 15px; font-weight: 600; color: #fff;}
@media (max-width: 991px) {
	#newsletter {padding: 20px; flex: auto;}
	#newsletter .newsletter-wrapper {flex-direction: column;}
	#newsletter input, #newsletter button {height: 50px; width: 100%;}
	#newsletter .newsletter-title {font-size: 22px;}
	#newsletter .newsletter-description {font-size: 14px; font-weight: 400;}
	#newsletter .newsletter-field {max-width: none;}
}