<section style="max-width: 420px; margin: 40px auto 24px auto; padding: 24px 18px 20px 18px; background: #fff; border-radius: 18px; box-shadow: 0 4px 24px #e3e6f0;">
<h2 style="font-size: 20px; color: #5a4ff3; margin-bottom: 22px; text-align: center; letter-spacing: 1px;">Hilton Fedex Corporate Code</h2>
<div class="hilton-flex" style="display: flex; align-items: center; gap: 14px; flex-wrap: wrap; justify-content: center;"><input id="hilton-code" style="font-size: 28px; font-weight: bold; border: 2px dashed #5a4ff3; padding: 12px 22px; border-radius: 10px; min-width: 160px; width: auto; text-align: center; background: #f7f8fd; letter-spacing: 2px; box-shadow: 0 1px 4px #f0f0f0; transition: box-shadow 0.2s;" title="Hilton Fedex Corporate Code" maxlength="20" readonly="readonly" type="text" value="N0001231" aria-label="Hilton Fedex Corporate Code" />
<input id="copy-btn" style="font-size: 17px; font-weight: 600; background: #5a4ff3; color: #fff; border: none; border-radius: 8px; padding: 12px 26px; cursor: pointer; box-shadow: 0 2px 6px #e3e6f0; transition: background 0.2s;" title="Copy code" type="button" value="Copy" aria-label="Copy code" />
<a style="white-space: nowrap; display: inline-block; background: #28c76f; color: #fff; font-size: 18px; padding: 13px 32px; border-radius: 10px; text-decoration: none; box-shadow: 0 2px 8px #b6f5d1; font-weight: 600; transition: background 0.2s; margin-left: 10px; border: 0;" href="https://www.hilton.com/" target="_blank" rel="noopener nofollow">Book at Hilton</a>
<span id="copy-tip" style="display: none; margin-left: 12px; font-size: 16px; color: #fff; background: #28c76f; padding: 7px 18px; border-radius: 7px; font-weight: 600; box-shadow: 0 1px 3px #b6f5d1;">Copied!</span></div>
<div style="margin-top: 14px; font-size: 14px; color: #888; text-align: center;">Click “Copy” or select and press Ctrl+C</div>
</section><style>
@media (max-width: 600px) {<br /> .hilton-flex { flex-direction: column !important; align-items: stretch !important; gap: 10px !important; }<br /> .hilton-flex > * { margin-left: 0 !important; }<br />}<br /></style>
<script>
document.getElementById('copy-btn').onclick = function() {
var code = document.getElementById('hilton-code');
code.select();
code.setSelectionRange(0, 999);
document.execCommand('copy');
var btn = this;
var tip = document.getElementById('copy-tip');
btn.value = 'Copied!';
btn.style.background = '#28c76f';
tip.style.display = 'inline-block';
setTimeout(function(){
btn.value = 'Copy';
btn.style.background = '#5a4ff3';
tip.style.display = 'none';
}, 1800);
};
</script>