:root {
    --button-radius: 12px;
}

.ui.button,
.ui.buttons .button {
    border-radius: var(--button-radius) !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

.ui.button.btn-primary,
.ui.buttons .button.btn-primary,
.ui.primary.button,
.ui.buttons .primary.button,
.ui.button.button-primary,
.ui.buttons .button.button-primary {
    background: linear-gradient(135deg, var(--primary, #82ccdd) 0%, var(--primary-dark, #60a3bc) 100%) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 8px 20px rgba(130, 204, 221, 0.25) !important;
}

.ui.button.btn-primary:hover,
.ui.buttons .button.btn-primary:hover,
.ui.primary.button:hover,
.ui.buttons .primary.button:hover,
.ui.button.button-primary:hover,
.ui.buttons .button.button-primary:hover {
    box-shadow: 0 12px 28px rgba(130, 204, 221, 0.35) !important;
    transform: translateY(-2px);
}

.ui.button.btn-outline,
.ui.buttons .button.btn-outline,
.ui.button.button-outline,
.ui.buttons .button.button-outline {
    background: transparent !important;
    color: var(--primary-dark, #60a3bc) !important;
    border: 1px solid var(--border, rgba(15, 23, 42, 0.08)) !important;
    box-shadow: none !important;
}

.ui.button.btn-outline:hover,
.ui.buttons .button.btn-outline:hover,
.ui.button.button-outline:hover,
.ui.buttons .button.button-outline:hover {
    background: rgba(130, 204, 221, 0.08) !important;
}

.ui.button.btn-primary:not(.tiny):not(.small):not(.mini):not(.icon),
.ui.buttons .button.btn-primary:not(.tiny):not(.small):not(.mini):not(.icon),
.ui.primary.button:not(.tiny):not(.small):not(.mini):not(.icon),
.ui.buttons .primary.button:not(.tiny):not(.small):not(.mini):not(.icon),
.ui.button.button-primary:not(.tiny):not(.small):not(.mini):not(.icon),
.ui.buttons .button.button-primary:not(.tiny):not(.small):not(.mini):not(.icon),
.ui.button.btn-outline:not(.tiny):not(.small):not(.mini):not(.icon),
.ui.buttons .button.btn-outline:not(.tiny):not(.small):not(.mini):not(.icon),
.ui.button.button-outline:not(.tiny):not(.small):not(.mini):not(.icon),
.ui.buttons .button.button-outline:not(.tiny):not(.small):not(.mini):not(.icon) {
    padding: 12px 24px !important;
    border-radius: var(--button-radius) !important;
}

.ui.button.btn-primary.small,
.ui.buttons .button.btn-primary.small,
.ui.primary.small.button,
.ui.buttons .small.primary.button,
.ui.button.button-primary.small,
.ui.buttons .button.button-primary.small,
.ui.button.btn-outline.small,
.ui.buttons .button.btn-outline.small,
.ui.button.button-outline.small,
.ui.buttons .button.button-outline.small {
    padding: 10px 18px !important;
}

.ui.button.btn-primary.tiny,
.ui.buttons .button.btn-primary.tiny,
.ui.primary.tiny.button,
.ui.buttons .tiny.primary.button,
.ui.button.button-primary.tiny,
.ui.buttons .button.button-primary.tiny,
.ui.button.btn-outline.tiny,
.ui.buttons .button.btn-outline.tiny,
.ui.button.button-outline.tiny,
.ui.buttons .button.button-outline.tiny,
.ui.button.btn-primary.mini,
.ui.buttons .button.btn-primary.mini,
.ui.primary.mini.button,
.ui.buttons .mini.primary.button,
.ui.button.button-primary.mini,
.ui.buttons .button.button-primary.mini,
.ui.button.btn-outline.mini,
.ui.buttons .button.btn-outline.mini,
.ui.button.button-outline.mini,
.ui.buttons .button.button-outline.mini {
    padding: 8px 14px !important;
    font-size: 0.9rem !important;
}