/*Seccion Código*/
	.code-container { width: 400px; margin: 8px auto !important; position: relative; transform: translate(40px);}
		.code { font-family: 'Courier New', Courier, monospace; font-weight: 700; font-size: 22px; letter-spacing: 2px; background-color: white; color: black; border: 1px solid #757575; border-radius: 10px; padding: 8px 20px; }
	.btn { max-width: 24px !important; height: auto; margin-top: -5px; margin-left: 16px; }
		.btn:hover { cursor: pointer; }
		.message { display: none; width: max-content; font-size: 14px; background-color: #f7f7f7; color: #424242; border: 1px solid #bdbdbd; border-radius: 7px; padding: 2px 16px; position: absolute; top: -3px; left: 9%; box-shadow: 0px 4px 12px -4px rgba(0,0,0,0.3); }
	
	@media only screen and (max-width: 767px) {
		.code-container { width: auto; transform: none;}
			.message { top: 34%; }
	}