Shipping Address & Delivery Speed Form

<!--
  Author: @codepeek
  License: MIT
  Tags: #buttons #css #interface #opensource #codepeek
-->
<form class="ship-card" onsubmit="return false;"><h4>Shipping Details</h4><input type="text" placeholder="Street Address"><div class="ship-row"><input type="text" placeholder="City"><input type="text" placeholder="ZIP Code"></div><label class="ship-lbl">DELIVERY METHOD</label><label class="delivery-opt"><input type="radio" name="speed" checked><div class="opt-info"><b>Standard (3-5 days)</b><span>Free</span></div></label><label class="delivery-opt"><input type="radio" name="speed"><div class="opt-info"><b>Express (1-2 days)</b><span>$12.00</span></div></label><button type="submit" class="ship-btn">Continue to Payment</button></form>

/*
 * Author: @codepeek
 * License: MIT
 * Tags: #buttons #css #interface #opensource #codepeek
 */

.ship-card { width: 220px; background: #ffffff; border-radius: 16px; padding: 18px; box-shadow: 0 15px 35px rgba(0,0,0,0.06); font-family: system-ui, sans-serif; margin: auto; box-sizing: border-box; }
.ship-card h4 { margin: 0 0 10px; font-size: 12px; font-weight: 800; color: #0f172a; }
.ship-card input[type="text"] { width: 100%; border: 1px solid #e2e8f0; border-radius: 6px; padding: 6px 8px; font-size: 8px; outline: none; margin-bottom: 6px; box-sizing: border-box; }
.ship-row { display: flex; gap: 6px; }
.ship-lbl { display: block; font-size: 6px; font-weight: 800; color: #64748b; margin: 6px 0 4px; letter-spacing: 0.5px; }
.delivery-opt { display: flex; align-items: center; border: 1px solid #e2e8f0; border-radius: 6px; padding: 6px 8px; margin-bottom: 4px; cursor: pointer; gap: 6px; }
.delivery-opt input { accent-color: #0f172a; }
.opt-info { display: flex; justify-content: space-between; width: 100%; font-size: 7px; }
.opt-info b { color: #0f172a; }
.opt-info span { font-weight: 700; color: #16a34a; }
.ship-btn { width: 100%; background: #0f172a; color: #fff; border: none; border-radius: 6px; padding: 8px; font-size: 8px; font-weight: 800; cursor: pointer; margin-top: 6px; }