#parent[data-v-8f84d43c]{width:280px;height:400px;padding-top:20px;text-align:center;background-color:#e7e4e4}.otp-wrapper[data-v-8f84d43c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh;width:100vw;padding:20px;background-color:#e7e4e4}.company-logo[data-v-8f84d43c]{width:150px}.otp-text[data-v-8f84d43c]{fill:#333;font-size:2.5vw;text-anchor:middle;dominant-baseline:middle;font-family:Arial,sans-serif;font-weight:700}.button-container[data-v-8f84d43c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:20px;width:100%;max-width:320px}.copy-button[data-v-8f84d43c],.refresh-button[data-v-8f84d43c]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:12px 24px;font-size:1rem;color:#fff;border:none;border-radius:8px;cursor:pointer;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;margin:0 5px}.refresh-button[data-v-8f84d43c]{background-color:#007bff}.refresh-button[data-v-8f84d43c]:hover{background-color:#0056b3}.copy-button[data-v-8f84d43c]{background-color:#28a745}.copy-button[data-v-8f84d43c]:hover{background-color:#218838}@media screen and (min-width:428px){.otp-text[data-v-8f84d43c]{font-size:10.4px}}