.shipping-calculator { margin-top: 2rem; padding: 1.5rem; border: .1rem solid #ddd; background-color: #f9f9f9;}
.shipping-calculator h4 { margin: 0 0 1rem;}
.shipping-calculator label { display: block; margin-bottom: .5rem; font-weight: bold;}
.shipping-calculator input,
.shipping-calculator select { width: 100%; padding: .8rem; margin-bottom: 1rem; border: .1rem solid #ccc; border-radius: 4rem;}
.shipping-calculator select { appearance: none; background: url('icon-caret.png')no-repeat scroll center right 15px; background-size: 12px;}
.shipping-calculator button { padding: 1rem 1.5rem; background: rgba(var(--color-button)); color: rgba(var(--color-button-text)); border: none; border-radius: 4rem; cursor: pointer; width: 100%;}