.b2b-subscription-wrap {
border: 1px solid #ccc;
padding: 20px;
background-color: #f9f9f9;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
gap: 15px;
margin-bottom: 20px;
}
.b2b-field-wrap {
flex: 1;
min-width: 200px;
}
.b2b-subscription-interval,
.b2b-subscription-period,
.b2b-subscription-length {
width: 100%;
padding: 8px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
}
.b2b_hidden_label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.wc-enhanced-select {
width: 100%;
}
.b2b-checkbox-wrap {
display: flex;
align-items: center;
gap: 8px;
width: auto;
margin-bottom: 0;
}
.wc_input_make_subscription{
width: 20px;
height: 20px;
margin: 0;
}
.b2b-checkbox-label {
font-size: 14px;
color: #333;
} .b2b-fields-row {
display: flex;
flex-wrap: wrap;
gap: 15px;
width: 100%;
}
.b2b-fields-row .b2b-field-wrap {
flex: 1 1 calc(33.33% - 10px);
} #b2b-subscription-update-btn {
background-color: #0073aa !important;
color: white !important;
padding: 10px 20px !important;
border: none !important;
border-radius: 4px !important;
cursor: pointer !important;
font-size: 14px !important;
font-weight: 500 !important;
transition: background-color 0.3s ease !important;
margin-top: 15px !important;
display: none;
}
#b2b-subscription-update-btn:hover {
background-color: #005a87 !important;
}
#b2b-subscription-update-btn:active {
background-color: #004a73 !important;
}