/* Button Styles */
.btn-pill {
    border-radius: 50px;
    padding: 8px 24px;
    font-size: 14px;
    transition: all 0.3s ease;
    border: 1px solid #e9ecef;
    background-color: #fff;
}

.btn-pill:hover {
    background-color: #f8f9fa;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.btn-pill.active {
    background-color: #0d6efd;
    color: #fff !important;
    border-color: #0d6efd;
}

.btn-green {
    background-color: #4CAF50;
    border-color: #4CAF50;
    color: white;
}

.btn-green:hover {
    background-color: #45a049;
    border-color: #45a049;
}

.btn-purple {
    background-color: #6f42c1;
    color: white;
}

.btn-purple:hover {
    background-color: #5a32a3;
    color: white;
}

/* teknologi */

.tooltip-inner {
    background-color: black;
    color: white;
}
.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: black;
}