.coupon-wrap {
    margin-top: 1rem;
    width: 80%;
    margin: 0 auto;
}
.coupon-input-select {
    width: 100%;
    display: flex;
    gap: 10px;    
}

.coupon-input-select select {
    border: 1px solid var(--color-lightgray);
    outline: none;
    height: 35px;
}

.coupon-input-select #server_select {
    width: 130px;
}
.coupon-input-select #character_select {
    flex-grow: 1;
}

.coupon-code-input input {
    height: 50px;
    width: 100%;
    padding: 0 10px;
    margin: 1rem 0;
    border: 1px solid var(--color-lightgray);
    outline: none;
}

.coupon-btn {
    width: 100%;
}

.coupon-btn button {
    width: 100%;
    height: 60px;
    color: var(--color-white);
    border: 1px solid var(--color-blue);
    background: var(--color-blue);
    transition: background 0.2s ease, color 0.2s ease;
}
.coupon-btn button:hover {
    background: var(--color-white);
    color: var(--color-blue);
}