.bcv-calculator-box { display: inline-flex; flex-direction: row; align-items: center; gap: 12px; font-family: inherit; font-size: 1rem; padding: 8px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #f9f9f9; max-width: 350px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; } .bcv-calculator-box .input-wrapper { position: relative; } .bcv-calculator-box input[type="text"] { appearance: none; padding: 8px 28px 8px 12px; font-size: 0.90rem; border: 1px solid #ccc; border-radius: 4px; width: 110px; text-align: right; } .bcv-calculator-box input[type="text"]:focus { border-color: #0073aa; outline: none; box-shadow: 0 0 0 1px #0073aa; } .bcv-calculator-box .clear-btn { position: absolute; right: 5px; top: 45%; transform: translateY(-50%); font-size: 20px; color: #999; cursor: pointer; visibility: hidden; line-height: 1; } .bcv-calculator-box .clear-btn:hover { color: #c00; } .bcv-calculator-box strong { font-weight: 600; font-size: 1.1rem; color: #2c3e50; min-width: 140px; } div.bcv-calculator-box { width: 270px; height: 40px; padding-top: 15px; padding-left: 5px; } div.bcv-calculator-box strong { font-weight: 400; font-style: normal; font-size: 14px; padding-bottom: 12px; }