.cloudpay_button {
    --v-btn-padding-x: 1.75rem;
    --v-btn-padding-y: 0.8rem;
    --v-btn-font-family: ;
    --v-btn-font-size: 0.8666999996rem;
    --v-btn-font-weight: 500;
    --v-btn-line-height: 1;
    --v-btn-color: var(--v-body-color);
    --v-btn-bg: transparent;
    --v-btn-border-width: var(--v-border-width);
    --v-btn-border-color: transparent;
    --v-btn-border-radius: var(--v-border-radius-pill);
    --v-btn-hover-border-color: transparent;
    --v-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(26, 26, 26, 0.075);
    --v-btn-disabled-opacity: 0.65;
    --v-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--v-btn-focus-shadow-rgb), 0.5);
    display: inline-flex;
    padding: var(--v-btn-padding-y) var(--v-btn-padding-x);
    font-family: var(--v-btn-font-family);
    font-size: var(--v-btn-font-size);
    font-weight: var(--v-btn-font-weight);
    line-height: var(--v-btn-line-height);
    color: var(--v-btn-color);
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    user-select: none;
    border: var(--v-btn-border-width) solid var(--v-btn-border-color);
    border-radius: var(--v-btn-border-radius);
    background-color: var(--v-btn-bg);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.cloudpay_button:hover {
    color: var(--v-btn-hover-color);
    background-color: var(--v-btn-hover-bg);
    border-color: var(--v-btn-hover-border-color);
}

.cloudpay_button {
    --v-btn-color: #fff;
    --v-btn-bg: #e5ac00;
    --v-btn-border-color: #ecc140;
    --v-btn-hover-color: #fff;
    --v-btn-hover-bg: #d94616;
    --v-btn-hover-border-color: #d94616;
    --v-btn-focus-shadow-rgb: 239, 202, 93;
    --v-btn-active-color: #fff;
    --v-btn-active-bg: #b78a00;
    --v-btn-active-border-color: #b19130;
    --v-btn-active-shadow: inset 0 3px 5px rgba(26, 26, 26, 0.125);
    --v-btn-disabled-color: #fff;
    --v-btn-disabled-bg: #e5ac00;
    --v-btn-disabled-border-color: #ecc140;
}



[data-hint-container] {
    --v-data-hint-arrow-size: 1.3333rem;
    position: relative;
}
[data-hint-container] [data-hint-item] {
    cursor: pointer;
}
[data-hint-container] [data-hint] {
    display: none;
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: var(--v-data-hint-right, 0);
    left: var(--v-data-hint-left, auto);
    -webkit-transform: translateY(calc(100% + (var(--v-data-hint-arrow-size) / 2)));
    -ms-transform: translateY(calc(100% + (var(--v-data-hint-arrow-size) / 2)));
    transform: translateY(calc(100% + (var(--v-data-hint-arrow-size) / 2)));
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: var(--v-data-hint-width, 260px);
    padding: .5rem 1rem;
    border-radius: var(--v-border-radius-xl);
    background-color: var(--v-data-hint-bg, var(--v-tertiary-bg, black));
}
[data-hint-container] [data-hint]:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -5px;
    right: var(--v-data-hint-arrow-right, 25%);
    left: var(--v-data-hint-arrow-left, auto);
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    width: var(--v-data-hint-arrow-size);
    height: var(--v-data-hint-arrow-size);
    background-color: inherit;
}
[data-hint-container] [data-hint-item]:hover + [data-hint] {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}