.ccb-button{padding:10px 20px;outline:none;box-shadow:none;min-height:var(--ccb-field-button-height);font-size:var(--ccb-fields-button-size);font-weight:var(--ccb-fields-button-weight);border:var(--ccb-button-border) var(--ccb-button-border-style) var(--ccb-accent-color);border-radius:var(--ccb-button-border-radius);height:var(--ccb-field-button-height);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.2s linear}.ccb-button span{margin:0 6px;width:max-content;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccb-button i{margin-left:6px}.ccb-button.disable{opacity:.5;cursor:not-allowed;pointer-events:none}.ccb-button.success{cursor:pointer;transition:.3s ease;font-size:var(--ccb-fields-button-size);font-weight:var(--ccb-fields-button-weight);background:var(--ccb-accent-color);color:var(--ccb-fields-color);border:none}@media only screen and (max-width: 480px){.ccb-button.success{font-size:var(--ccb-mobile-fields-button-size);font-weight:var(--ccb-mobile-fields-button-weight)}}.ccb-button.success:hover{background:hsl(from var(--ccb-accent-color) h s calc(l - 5))}.ccb-button.success-outlined{cursor:pointer;transition:.3s ease;font-size:var(--ccb-fields-button-size);font-weight:var(--ccb-fields-button-weight);background:var(--ccb-fields-bg-color);color:var(--ccb-accent-color);border:2px solid var(--ccb-accent-color)}@media only screen and (max-width: 480px){.ccb-button.success-outlined{font-size:var(--ccb-mobile-fields-button-size);font-weight:var(--ccb-mobile-fields-button-weight)}}.ccb-button.success-outlined:hover{background-color:var(--ccb-accent-color);color:#fff}.ccb-button.light{background:var(--ccb-fields-bg-color);color:var(--ccb-text-color);border-color:var(--ccb-fields-border-color)}.ccb-button.light:hover{background:hsl(from var(--ccb-fields-bg-color) h s calc(l - 10))}.ccb-button.danger{background:var(--ccb-fields-bg-color);color:var(--ccb-error-color);border:1px solid var(--ccb-error-color)}.ccb-button.danger:hover{background-color:color-mix(in srgb,var(--ccb-error-color) 15%,transparent)}.ccb-button--link{text-decoration:none;color:var(--ccb-text-color);padding:0 8px}@media only screen and (max-width: 480px){.ccb-button{min-height:var(--ccb-mobile-field-button-height);font-size:var(--ccb-mobile-fields-button-size)}}