.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.btn {
    border-radius: 999px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
    transition: background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
}

.btn-primary {
    background: var(--primary);
    color: #ffffff;
}

    .btn-primary:hover {
        background: var(--primary-dark);
        transform: translateY(-1px);
    }

.btn-ghost {
    background: rgba(81, 158, 138, 0.08);
    color: var(--text-main);
    border-width: 0;
    box-shadow: #000000 0px 0px 0px 0px;
}

    .btn-ghost:hover {
        background: rgba(81, 158, 138, 0.16);
    }
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}